@font-face{ font-family:'Playfair Display'; src:url('/wp-content/uploads/fonts/PlayfairDisplay-Regular.ttf') format('truetype'); font-weight:400; font-style:normal; font-display:swap; } @font-face{ font-family:'Playfair Display'; src:url('/wp-content/uploads/fonts/PlayfairDisplay-SemiBold.ttf') format('truetype'); font-weight:600; font-style:normal; font-display:swap; } @font-face{ font-family:'Playfair Display'; src:url('/wp-content/uploads/fonts/PlayfairDisplay-Bold.ttf') format('truetype'); font-weight:700; font-style:normal; font-display:swap; } @font-face{ font-family:'Playfair Display'; src:url('/wp-content/uploads/fonts/PlayfairDisplay-Italic.ttf') format('truetype'); font-weight:400; font-style:italic; font-display:swap; } @font-face{ font-family:'Raleway'; src:url('/wp-content/uploads/fonts/Raleway-Light.ttf') format('truetype'); font-weight:300; font-style:normal; font-display:swap; } @font-face{ font-family:'Raleway'; src:url('/wp-content/uploads/fonts/Raleway-Regular.ttf') format('truetype'); font-weight:400; font-style:normal; font-display:swap; } @font-face{ font-family:'Raleway'; src:url('/wp-content/uploads/fonts/Raleway-Medium.ttf') format('truetype'); font-weight:500; font-style:normal; font-display:swap; } @font-face{ font-family:'Raleway'; src:url('/wp-content/uploads/fonts/Raleway-SemiBold.ttf') format('truetype'); font-weight:600; font-style:normal; font-display:swap; } @font-face{ font-family:'Raleway'; src:url('/wp-content/uploads/fonts/Raleway-Bold.ttf') format('truetype'); font-weight:700; font-style:normal; font-display:swap; } @font-face{ font-family:'Elms Sans'; src:url('/wp-content/uploads/fonts/ElmsSans-Medium.ttf') format('truetype'); font-weight:500; font-style:normal; font-display:swap; } @font-face{ font-family:'Elms Sans'; src:url('/wp-content/uploads/fonts/ElmsSans-Bold.ttf') format('truetype'); font-weight:700; font-style:normal; font-display:swap; } :root { --be-background: #000000; --be-foreground: #f0f0f0; --be-card: #1a1a1a; --be-card-foreground: #f0f0f0; --be-primary: #CFAC78; --be-primary-foreground: #111111; --be-muted: #1a1a1a; --be-muted-foreground: #888888; --be-border: rgba(207, 172, 120, 0.15); --be-font-display: 'Playfair Display', Georgia, serif; --be-font-body: 'Raleway', system-ui, -apple-system, sans-serif; --be-font-serif: var(--be-font-display); --be-font-sans: var(--be-font-body); --be-price: 'Elms Sans', 'Raleway', system-ui, sans-serif; --be-maxw: 1280px; --be-radius: 0; --be-bg: #000000; --be-gold: #CFAC78; --be-gold-dark: #b8934e; --be-text: #f0f0f0; --be-text-muted: #888888; --gr-radius: 4px; --gr-radius-lg: 8px; --gr-transition: 0.3s ease; --gr-section-pad: clamp(64px, 8vw, 120px); --gr-container: 1200px; --gr-gap: clamp(24px, 4vw, 48px); } [class^="be-section"], [class*=" be-section"] { box-sizing: border-box; } .be-section * { box-sizing: border-box; } html { background: var(--be-background); } body { background: var(--be-background); color: var(--be-foreground); font-family: var(--be-font-body); font-weight: 300; font-size: 16px; line-height: 1.7; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } body.be-dark { background: var(--be-background); color: var(--be-foreground); } .be-container { max-width: var(--be-maxw); margin: 0 auto; padding-left: 20px; padding-right: 20px; } @media (min-width: 768px){ .be-container { padding-left: 24px; padding-right: 24px; } } .be-overline { color: var(--be-primary); font-family: var(--be-font-sans); font-size: 10px; letter-spacing: 0.4em; text-transform: uppercase; margin: 0 0 16px; font-weight: 600; } .be-h2 { font-family: var(--be-font-serif); font-weight: 400; font-size: clamp(28px, 5vw, 48px); line-height: 1.1; margin: 0; color: var(--be-foreground); } .be-h2 em { font-style: italic; color: var(--be-primary); } .be-lead { color: rgba(240,240,240,0.5); font-weight: 300; font-family: var(--be-font-sans); } .be-btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; font-family: var(--be-font-sans); font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; text-decoration: none; cursor: pointer; padding: 16px 32px; min-height: 52px; border: 1px solid transparent; transition: all .3s ease; font-weight: 700; } .be-btn--primary { background: var(--be-primary); color: #000; } .be-btn--primary:hover { background: #fff; } .be-btn--outline { background: transparent; color: var(--be-primary); border-color: rgba(207,172,120,0.5); font-weight: 600; } .be-btn--outline:hover { background: var(--be-primary); color: var(--be-primary-foreground); } .be-btn--ghost { background: transparent; color: rgba(255,255,255,0.85); border-color: rgba(255,255,255,0.3); } .be-btn--ghost:hover { border-color: var(--be-primary); color: var(--be-primary); } .be-btn svg { transition: transform .3s ease; } .be-btn:hover svg { transform: translateX(4px); } .be-link { display: inline-flex; align-items: center; gap: 8px; color: var(--be-primary); font-family: var(--be-font-sans); font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid rgba(207,172,120,0.4); padding-bottom: 2px; transition: border-color .3s ease; } .be-link:hover { border-color: var(--be-primary); } .be-reveal { opacity: 0; transform: translateY(28px); transition: opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1); } .be-reveal.is-visible { opacity: 1; transform: none; } .be-reveal[data-delay="1"] { transition-delay: .08s; } .be-reveal[data-delay="2"] { transition-delay: .16s; } .be-reveal[data-delay="3"] { transition-delay: .24s; } .be-reveal[data-delay="4"] { transition-delay: .32s; } .be-reveal[data-delay="5"] { transition-delay: .40s; } @media (prefers-reduced-motion: reduce){ .be-reveal { opacity: 1; transform: none; transition: none; } } .be-line { height: 1px; background: var(--be-primary); transform: scaleX(0); transform-origin: left; transition: transform .9s cubic-bezier(.22,1,.36,1) .2s; } .be-line.is-visible { transform: scaleX(1); } @keyframes be-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } .be-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; } .woocommerce, .woocommerce-page{ --be-bg:#000000; --be-fg:#f0f0f0; --be-card:#1a1a1a; --be-gold:#CFAC78; --be-gold-fg:#111111; --be-muted:#888888; --be-border:rgba(207,172,120,0.15); --be-border-hover:rgba(207,172,120,0.4); --be-serif:'Playfair Display', Georgia, serif; --be-sans:'Raleway', system-ui, -apple-system, sans-serif; --be-price:'Elms Sans', 'Raleway', system-ui, sans-serif; } body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.woocommerce-shop{ background:var(--be-bg); color:var(--be-fg); } .woocommerce, .woocommerce-page{ color:var(--be-fg); } .woocommerce a{ color:var(--be-gold); } .woocommerce-products-header{ margin:0 0 28px; } .woocommerce-products-header__title, .woocommerce-products-header .page-title{ font-family:var(--be-serif); font-weight:400; font-size:clamp(28px,5vw,48px); line-height:1.1; color:var(--be-fg); margin:0 0 8px; } .term-description, .woocommerce-products-header .term-description{ color:rgba(240,240,240,0.55); font-family:var(--be-sans); font-weight:300; font-size:15px; line-height:1.7; max-width:680px; } .woocommerce .woocommerce-breadcrumb{ font-family:var(--be-sans); font-size:12px; letter-spacing:.06em; color:var(--be-muted); margin-bottom:20px; } .woocommerce .woocommerce-breadcrumb a{ color:var(--be-gold); text-decoration:none; } .woocommerce .woocommerce-result-count{ font-family:var(--be-sans); font-size:12px; letter-spacing:.04em; color:var(--be-muted); margin:0 0 24px; } .woocommerce .woocommerce-ordering{ margin:0 0 24px; } .woocommerce .woocommerce-ordering select{ -webkit-appearance:none; appearance:none; background:var(--be-card); color:var(--be-fg); border:1px solid var(--be-border); border-radius:0; font-family:var(--be-sans); font-size:12px; letter-spacing:.08em; text-transform:uppercase; padding:11px 38px 11px 14px; min-height:44px; cursor:pointer; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23CFAC78' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center; } .woocommerce .woocommerce-ordering select:focus-visible{ outline:2px solid var(--be-gold); outline-offset:2px; } .woocommerce ul.products{ display:grid !important; grid-template-columns:1fr; gap:20px; margin:0 0 48px !important; padding:0; list-style:none; } @media(min-width:640px){ .woocommerce ul.products{ grid-template-columns:repeat(2,1fr); } } @media(min-width:1024px){ .woocommerce ul.products{ grid-template-columns:repeat(3,1fr); gap:24px; } } .woocommerce ul.products::before, .woocommerce ul.products::after{ content:none !important; display:none !important; } .woocommerce ul.products li.product{ width:auto !important; margin:0 !important; padding:0 !important; float:none !important; clear:none !important; position:relative; background:var(--be-card); border:1px solid var(--be-border); display:flex; flex-direction:column; overflow:hidden; transition:border-color .4s ease, transform .3s ease; } .woocommerce ul.products li.product:hover{ border-color:var(--be-border-hover); transform:translateY(-4px); } .woocommerce ul.products li.product a.woocommerce-LoopProduct-link, .woocommerce ul.products li.product a.woocommerce-loop-product__link{ display:flex; flex-direction:column; flex:1 1 auto; text-decoration:none; color:inherit; } .woocommerce ul.products li.product img{ width:100%; height:208px; object-fit:cover; display:block; margin:0; border-radius:0; transition:transform .7s ease; } @media(min-width:768px){ .woocommerce ul.products li.product img{ height:224px; } } .woocommerce ul.products li.product:hover img{ transform:scale(1.05); } .woocommerce ul.products li.product .woocommerce-loop-product__title{ font-family:var(--be-serif); font-weight:600; font-size:17px; line-height:1.35; color:var(--be-fg); margin:0; padding:20px 20px 0; transition:color .3s ease; } @media(min-width:768px){ .woocommerce ul.products li.product .woocommerce-loop-product__title{ padding:24px 24px 0; } } .woocommerce ul.products li.product:hover .woocommerce-loop-product__title{ color:var(--be-gold); } .woocommerce ul.products li.product .star-rating{ margin:12px 20px 0; color:var(--be-gold); font-size:.8em; } @media(min-width:768px){ .woocommerce ul.products li.product .star-rating{ margin-left:24px; margin-right:24px; } } .woocommerce ul.products li.product .price{ margin:0; padding:12px 20px 0; color:var(--be-gold); font-family:var(--be-price); font-weight:700; font-size:20px; letter-spacing:-0.01em; } @media(min-width:768px){ .woocommerce ul.products li.product .price{ padding-left:24px; padding-right:24px; } } .woocommerce ul.products li.product .price del{ color:var(--be-muted); font-weight:400; font-size:13px; margin-right:8px; opacity:1; } .woocommerce ul.products li.product .price ins{ background:none; text-decoration:none; color:var(--be-gold); } .woocommerce ul.products li.product .price .from{ color:var(--be-muted); font-size:12px; font-weight:400; } .woocommerce ul.products li.product .button{ margin:16px 20px 20px; display:block; text-align:center; } @media(min-width:768px){ .woocommerce ul.products li.product .button{ margin-left:24px; margin-right:24px; } } .woocommerce span.onsale, .woocommerce ul.products li.product .onsale{ position:absolute; top:12px; left:12px; right:auto; margin:0; min-height:0; line-height:1.4; background:var(--be-gold); color:var(--be-gold-fg); border-radius:0; font-family:var(--be-sans); font-weight:600; font-size:10px; letter-spacing:.16em; text-transform:uppercase; padding:5px 10px; } .woocommerce ul.products li.product.outofstock .price{ opacity:.55; } .woocommerce ul.products li.product.outofstock .woocommerce-loop-product__link::after{ content:"Niedostępny"; position:absolute; top:12px; right:12px; background:rgba(0,0,0,.8); color:rgba(240,240,240,.6); font-family:var(--be-sans); font-size:10px; letter-spacing:.16em; text-transform:uppercase; padding:5px 10px; } .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce .button.alt{ background:var(--be-gold); color:var(--be-gold-fg); font-family:var(--be-sans); font-weight:700; font-size:11px; letter-spacing:.16em; text-transform:uppercase; border:0; border-radius:0; padding:14px 20px; min-height:44px; line-height:1; cursor:pointer; transition:background .3s ease, color .3s ease; } .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce .button.alt:hover{ background:#fff; color:#111; } .woocommerce .button.outline{ background:transparent; color:var(--be-gold); border:1px solid var(--be-border-hover); } .woocommerce nav.woocommerce-pagination{ margin:8px 0 0; text-align:center; } .woocommerce nav.woocommerce-pagination ul{ border:0; margin:0; display:inline-flex; gap:8px; } .woocommerce nav.woocommerce-pagination ul li{ border:0; margin:0; overflow:visible; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{ background:transparent; color:var(--be-fg); border:1px solid var(--be-border); font-family:var(--be-sans); font-size:13px; min-width:44px; min-height:44px; line-height:44px; padding:0 12px; transition:all .2s ease; } .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{ background:var(--be-gold); color:var(--be-gold-fg); border-color:var(--be-gold); } .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, .woocommerce-NoticeGroup li{ background:var(--be-card); color:var(--be-fg); border-top:3px solid var(--be-gold); border-radius:0; font-family:var(--be-sans); font-size:14px; } .woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before{ color:var(--be-gold); } .woocommerce-message a:not(.button), .woocommerce-info a:not(.button){ color:var(--be-gold); } .woocommerce .widget-area .widget, .woocommerce-page .widget-area .widget{ color:var(--be-fg); font-family:var(--be-sans); } .woocommerce .widget-area .widget-title{ font-family:var(--be-serif); font-weight:600; font-size:18px; color:var(--be-fg); border-bottom:1px solid var(--be-border); padding-bottom:12px; margin-bottom:16px; } .woocommerce .widget a{ color:var(--be-fg); text-decoration:none; } .woocommerce .widget a:hover{ color:var(--be-gold); } .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{ background:var(--be-gold); } html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; } @media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto; } } body ::selection{ background: var(--be-primary); color:#000; } :where(body) :focus-visible{ outline:2px solid var(--be-primary); outline-offset:2px; } body{ scrollbar-color:#2a2a2a #0a0a0a; } body ::-webkit-scrollbar{ width:11px; height:11px; } body ::-webkit-scrollbar-track{ background:#0a0a0a; } body ::-webkit-scrollbar-thumb{ background:#2a2a2a; border:2px solid #0a0a0a; border-radius:99px; } body ::-webkit-scrollbar-thumb:hover{ background: var(--be-primary); } :where(body img, body svg, body video){ max-width:100%; height:auto; } :where(body img){ display:block; } :where(body h1, body h2, body h3, body h4, body h5, body h6){ font-family: var(--be-font-serif); font-weight:400; color:var(--be-foreground); line-height:1.15; margin:0 0 .6em; } :where(body h1){ font-size: clamp(34px, 6vw, 60px); } :where(body h2){ font-size: clamp(28px, 5vw, 48px); } :where(body h3){ font-size: clamp(22px, 3.4vw, 32px); } :where(body h4){ font-size: 20px; font-weight:600; } :where(body h5){ font-size: 16px; font-weight:600; letter-spacing:.02em; } :where(body h6){ font-size: 12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--be-primary); } :where(body h1 em, body h2 em, body h3 em){ font-style:italic; color:var(--be-primary); } :where(body p){ margin:0 0 1.1em; color: rgba(240,240,240,0.72); } :where(body strong, body b){ color:var(--be-foreground); font-weight:600; } :where(body small){ font-size:.82em; color:var(--be-muted-foreground); } :where(body a){ color: var(--be-primary); text-decoration:none; transition: color .25s ease, border-color .25s ease; } :where(body a:hover){ color:#fff; } :where(body ul, body ol){ margin:0 0 1.1em; padding-left:1.3em; color: rgba(240,240,240,0.72); } :where(body li){ margin:0 0 .4em; } :where(body ul li)::marker{ color:var(--be-primary); } :where(body blockquote){ margin:0 0 1.2em; padding:6px 0 6px 20px; border-left:2px solid var(--be-primary); color:rgba(240,240,240,0.85); font-style:italic; } :where(body hr){ border:0; height:1px; background:var(--be-border); margin:32px 0; } :where(body code, body kbd){ font-family: ui-monospace, Menlo, Consolas, monospace; font-size:.9em; background:#141414; border:1px solid var(--be-border); padding:1px 6px; } :where(body table){ width:100%; border-collapse:collapse; margin:0 0 1.2em; } :where(body th, body td){ padding:12px 14px; border-bottom:1px solid var(--be-border); text-align:left; vertical-align:top; } :where(body thead th){ font-family:var(--be-font-sans); font-weight:600; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--be-muted-foreground); } :where(body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), body textarea, body select){ background:var(--be-card); color:var(--be-foreground); border:1px solid var(--be-border); border-radius:0; font-family:var(--be-font-sans); font-size:15px; padding:12px 14px; transition:border-color .25s ease; } :where(body textarea){ min-height:120px; resize:vertical; line-height:1.6; } body input::placeholder, body textarea::placeholder{ color:var(--be-muted-foreground); } :where(body input:focus, body textarea:focus, body select:focus){ outline:none; border-color:var(--be-primary); } .be-h1{ font-family:var(--be-font-serif); font-weight:400; font-size:clamp(34px,6vw,60px); line-height:1.1; margin:0; color:var(--be-foreground); } .be-h1 em{ font-style:italic; color:var(--be-primary); } .be-h3{ font-family:var(--be-font-serif); font-weight:600; font-size:clamp(22px,3.4vw,32px); line-height:1.2; margin:0; color:var(--be-foreground); } .be-h3 em{ font-style:italic; color:var(--be-primary); } .be-h4{ font-family:var(--be-font-serif); font-weight:600; font-size:20px; line-height:1.3; margin:0; color:var(--be-foreground); } .be-section{ padding: 80px 0; } @media (min-width:768px){ .be-section{ padding: 112px 0; } } .be-container--narrow{ max-width: 820px; } .be-container--wide{ max-width: 1440px; } .be-muted{ color: var(--be-muted-foreground); } .be-gold{ color: var(--be-primary); } .be-center{ text-align:center; } .be-mt-0{ margin-top:0 !important; } .be-mb-0{ margin-bottom:0 !important; } .be-stack > * + *{ margin-top: 1rem; } .be-prose{ font-family:var(--be-font-body); font-weight:300; color:rgba(240,240,240,0.72); line-height:1.8; font-size:16px; } .be-prose > *:first-child{ margin-top:0; } .be-prose h2{ font-family:var(--be-font-serif); font-weight:600; font-size:clamp(24px,3.4vw,34px); color:var(--be-foreground); margin:40px 0 16px; line-height:1.2; } .be-prose h3{ font-family:var(--be-font-serif); font-weight:600; font-size:22px; color:var(--be-foreground); margin:32px 0 12px; } .be-prose h4{ font-family:var(--be-font-sans); font-weight:600; font-size:15px; letter-spacing:.02em; color:var(--be-foreground); margin:24px 0 8px; } .be-prose p{ margin:0 0 18px; } .be-prose a{ color:var(--be-primary); border-bottom:1px solid rgba(207,172,120,0.4); } .be-prose a:hover{ border-color:var(--be-primary); } .be-prose strong{ color:var(--be-foreground); font-weight:600; } .be-prose ul, .be-prose ol{ margin:0 0 18px; padding-left:1.3em; } .be-prose li{ margin:0 0 8px; } .be-prose ul li::marker{ color:var(--be-primary); } .be-prose blockquote{ margin:24px 0; padding:8px 0 8px 22px; border-left:2px solid var(--be-primary); font-style:italic; color:rgba(240,240,240,0.85); } .be-prose img{ width:100%; height:auto; margin:24px 0; } .be-prose hr{ border:0; height:1px; background:var(--be-border); margin:36px 0; } .be-prose table{ width:100%; border-collapse:collapse; margin:24px 0; } .be-prose th, .be-prose td{ padding:12px 14px; border-bottom:1px solid var(--be-border); text-align:left; } [class^="gr-"], [class*=" gr-"], [class^="fn-"], [class*=" fn-"], [class^="gr-"] *, [class*=" gr-"] *, [class^="fn-"] *, [class*=" fn-"] * { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body.gr-page, body.fn-page { background-color: var(--be-bg); color: var(--be-text); font-family: var(--be-font-body); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } img { display: block; max-width: 100%; height: auto; } a { color: inherit; text-decoration: none; } button { font-family: inherit; cursor: pointer; border: none; background: none; } .gr-container, .fn-container { width: 100%; max-width: var(--gr-container); margin-inline: auto; padding-inline: clamp(20px, 5vw, 60px); } .gr-overline, .fn-overline { font-family: var(--be-font-body); font-size: 11px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--be-gold); margin-bottom: 12px; } .gr-section-title, .fn-section-title { font-family: var(--be-font-display); font-size: clamp(28px, 4vw, 48px); font-weight: 700; line-height: 1.15; color: var(--be-text); margin-bottom: 16px; } .gr-section-sub, .fn-section-sub { font-size: 16px; color: var(--be-text-muted); max-width: 600px; } .gr-body, .fn-body { font-size: 15px; color: var(--be-text-muted); line-height: 1.7; margin-bottom: 16px; } .gr-link, .fn-link { color: var(--be-gold); text-decoration: underline; text-underline-offset: 2px; } .gr-section-header, .fn-section-header { text-align: center; margin-bottom: clamp(40px, 6vw, 72px); } .gr-section-header .gr-section-sub, .fn-section-header .fn-section-sub { margin-inline: auto; } .gr-btn, .fn-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 28px; font-family: var(--be-font-body); font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; border-radius: var(--gr-radius); transition: all var(--gr-transition); white-space: nowrap; cursor: pointer; } .gr-btn--gold, .fn-btn--gold { background: var(--be-gold); color: #000 !important; border: 2px solid var(--be-gold); } .gr-btn--gold:hover, .fn-btn--gold:hover, .gr-btn--gold:focus-visible, .fn-btn--gold:focus-visible { background: var(--be-gold-dark); border-color: var(--be-gold-dark); } .gr-btn--outline, .fn-btn--outline { background: transparent; color: var(--be-text); border: 2px solid rgba(240,240,240,0.3); } .gr-btn--outline:hover, .fn-btn--outline:hover, .gr-btn--outline:focus-visible, .fn-btn--outline:focus-visible { border-color: var(--be-gold); color: var(--be-gold); } .gr-btn--sm, .fn-btn--sm { padding: 9px 20px; font-size: 12px; } .gr-btn--full, .fn-btn--full { width: 100%; } [data-reveal] { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease; } [data-reveal].is-visible { opacity: 1; transform: translateY(0); } .gr-feature-list, .fn-feature-list { list-style: none; display: flex; flex-direction: column; gap: 10px; margin-top: 24px; } .gr-feature-list li, .fn-feature-list li { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: var(--be-text-muted); } .gr-feature-list li svg, .fn-feature-list li svg { flex-shrink: 0; margin-top: 2px; } .gr-header, .fn-header { position: sticky; top: 0; z-index: 100; background: rgba(0,0,0,0.92); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid var(--be-border); } .gr-header__inner, .fn-header__inner { display: flex; align-items: center; justify-content: space-between; max-width: var(--gr-container); margin-inline: auto; padding: 14px clamp(20px, 5vw, 60px); gap: 16px; } .gr-header__back, .fn-header__back { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--be-text-muted); transition: color var(--gr-transition); flex-shrink: 0; } .gr-header__back:hover, .fn-header__back:hover { color: var(--be-gold); } .gr-header__logo, .fn-header__logo { display: block; flex-shrink: 0; } .gr-header__logo img, .fn-header__logo img { height: 36px; width: auto; } .gr-hero, .fn-hero { position: relative; min-height: 100svh; display: flex; align-items: center; overflow: hidden; } .gr-hero__bg, .fn-hero__bg { position: absolute; inset: 0; z-index: 0; } .gr-hero__img, .fn-hero__img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; } .gr-hero__overlay, .fn-hero__overlay { position: absolute; inset: 0; background: linear-gradient( to right, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.65) 50%, rgba(0,0,0,0.3) 100% ); } .gr-hero__content, .fn-hero__content { position: relative; z-index: 1; max-width: 680px; padding-block: clamp(100px, 15vw, 180px); } .gr-hero__title, .fn-hero__title { font-family: var(--be-font-display); font-size: clamp(64px, 10vw, 128px); font-weight: 700; line-height: 0.95; color: var(--be-text); margin-bottom: 24px; letter-spacing: -0.02em; } .gr-hero__desc, .fn-hero__desc { font-size: clamp(15px, 1.6vw, 18px); color: rgba(240,240,240,0.8); line-height: 1.65; margin-bottom: 40px; max-width: 520px; } .gr-hero__cta, .fn-hero__cta { display: flex; flex-wrap: wrap; gap: 16px; } .gr-about, .fn-about { background: var(--be-bg); padding-block: var(--gr-section-pad); } .gr-about__inner, .fn-about__inner { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gr-gap); align-items: center; } .gr-about__text .gr-section-title, .fn-about__text .fn-section-title { margin-bottom: 20px; } .gr-about__img-wrap, .fn-about__img-wrap { position: relative; border-radius: var(--gr-radius-lg); overflow: hidden; } .gr-about__img, .fn-about__img { width: 100%; aspect-ratio: 1/1; object-fit: cover; border-radius: var(--gr-radius-lg); } .gr-badge, .fn-badge { position: absolute; bottom: 24px; right: 24px; background: var(--be-gold); color: #000; border-radius: 50%; width: 88px; height: 88px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; } .gr-badge__num, .fn-badge__num { font-family: var(--be-font-display); font-size: 22px; font-weight: 700; line-height: 1; } .gr-badge__txt, .fn-badge__txt { font-size: 10px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; } .gr-models, .fn-models { background: var(--be-card); padding-block: var(--gr-section-pad); } .gr-models__grid, .fn-models__grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gr-gap); } .gr-model-card, .fn-model-card { background: var(--be-bg); border: 1px solid var(--be-border); border-radius: var(--gr-radius-lg); overflow: hidden; display: flex; flex-direction: column; transition: border-color var(--gr-transition), transform var(--gr-transition); } .gr-model-card:hover, .fn-model-card:hover { border-color: rgba(207,172,120,0.4); transform: translateY(-4px); } .gr-model-card__img-wrap, .fn-model-card__img-wrap { position: relative; overflow: hidden; } .gr-model-card__img, .fn-model-card__img { width: 100%; aspect-ratio: 16/10; object-fit: cover; transition: transform 0.5s ease; } .gr-model-card:hover .gr-model-card__img, .fn-model-card:hover .fn-model-card__img { transform: scale(1.04); } .gr-model-card__tag, .fn-model-card__tag { position: absolute; top: 16px; left: 16px; background: var(--be-gold); color: #000; font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; padding: 5px 12px; border-radius: 2px; } .gr-model-card__tag--alt, .fn-model-card__tag--alt { background: var(--be-bg); color: var(--be-gold); border: 1px solid var(--be-gold); } .gr-model-card__body, .fn-model-card__body { padding: 28px 28px 32px; flex: 1; display: flex; flex-direction: column; } .gr-model-card__name, .fn-model-card__name { font-family: var(--be-font-display); font-size: 24px; font-weight: 700; margin-bottom: 6px; } .gr-model-card__dims, .fn-model-card__dims { font-size: 13px; color: var(--be-gold); font-weight: 600; letter-spacing: 0.05em; margin-bottom: 14px; } .gr-model-card__desc, .fn-model-card__desc { font-size: 14px; color: var(--be-text-muted); line-height: 1.65; margin-bottom: 16px; } .gr-model-card__features, .fn-model-card__features { list-style: none; display: flex; flex-direction: column; gap: 6px; margin-bottom: 24px; flex: 1; } .gr-model-card__features li, .fn-model-card__features li { font-size: 13px; color: var(--be-text-muted); padding-left: 14px; position: relative; } .gr-model-card__features li::before, .fn-model-card__features li::before { content: '–'; position: absolute; left: 0; color: var(--be-gold); } .gr-model-card__pricing, .fn-model-card__pricing { border-top: 1px solid var(--be-border); padding-top: 20px; margin-bottom: 20px; } .gr-model-card__price-wrap, .fn-model-card__price-wrap { display: flex; align-items: baseline; gap: 8px; } .gr-model-card__price, .fn-model-card__price { font-family: var(--be-font-display); font-size: 32px; font-weight: 700; color: var(--be-gold); } .gr-model-card__price-note, .fn-model-card__price-note { font-size: 13px; color: var(--be-text-muted); } .gr-model-card__shelf, .fn-model-card__shelf { font-size: 12px; color: var(--be-text-muted); margin-top: 4px; } .gr-calc, .fn-calc { background: var(--be-bg); padding-block: var(--gr-section-pad); } .gr-calc__card, .fn-calc__card { background: var(--be-card); border: 1px solid var(--be-border); border-radius: var(--gr-radius-lg); padding: clamp(28px, 5vw, 56px); width: 100%; max-width: none; display: flex; flex-direction: column; gap: 36px; } .gr-calc__fieldset, .fn-calc__fieldset { border: none; } .gr-calc__legend, .fn-calc__legend { font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--be-gold); margin-bottom: 16px; padding: 5px; } .gr-calc__model-btns, .fn-calc__model-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .gr-calc__model-btn, .fn-calc__model-btn { display: flex; flex-direction: column; gap: 4px; padding: 20px 24px; border: 2px solid var(--be-border); border-radius: var(--gr-radius); text-align: left; transition: all var(--gr-transition); background: transparent; color: var(--be-text); } .gr-calc__model-btn:hover, .fn-calc__model-btn:hover { border-color: rgba(207,172,120,0.5); } .gr-calc__model-btn.is-active, .fn-calc__model-btn.is-active { border-color: var(--be-gold); background: rgba(207,172,120,0.08); } .gr-calc__model-name, .fn-calc__model-name { font-size: 15px; font-weight: 600; color: var(--be-text); } .gr-calc__model-size, .fn-calc__model-size { font-size: 12px; color: var(--be-text-muted); } .gr-calc__model-base, .fn-calc__model-base { font-size: 14px; font-weight: 400; color: var(--be-gold); margin-top: 8px; } .gr-calc__checkbox-label, .fn-calc__checkbox-label { display: flex; align-items: flex-start; gap: 12px; cursor: pointer; user-select: none; } .gr-calc__checkbox, .fn-calc__checkbox { position: absolute; opacity: 0; width: 0; height: 0; } .gr-calc__checkbox-custom, .fn-calc__checkbox-custom { flex-shrink: 0; width: 20px; height: 20px; border: 2px solid var(--be-border); border-radius: 3px; margin-top: 1px; position: relative; transition: all var(--gr-transition); background: transparent; } .gr-calc__checkbox:checked + .gr-calc__checkbox-custom, .fn-calc__checkbox:checked + .fn-calc__checkbox-custom { background: var(--be-gold); border-color: var(--be-gold); } .gr-calc__checkbox:checked + .gr-calc__checkbox-custom::after, .fn-calc__checkbox:checked + .fn-calc__checkbox-custom::after { content: ''; position: absolute; left: 5px; top: 2px; width: 6px; height: 10px; border: 2px solid #000; border-top: none; border-left: none; transform: rotate(45deg); } .gr-calc__checkbox:focus-visible + .gr-calc__checkbox-custom, .fn-calc__checkbox:focus-visible + .fn-calc__checkbox-custom { outline: 2px solid var(--be-gold); outline-offset: 2px; } .gr-calc__checkbox-text, .fn-calc__checkbox-text { font-size: 15px; color: var(--be-text); } .gr-calc__checkbox-price, .fn-calc__checkbox-price { font-size: 13px; color: var(--be-gold); margin-left: 8px; } .gr-calc__result, .fn-calc__result { background: var(--be-bg); border: 1px solid var(--be-border); border-radius: var(--gr-radius); padding: 28px 32px; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; } .gr-calc__result-label, .fn-calc__result-label { font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--be-text-muted); margin-bottom: 4px; } .gr-calc__result-price, .fn-calc__result-price { font-family: var(--be-font-display); font-size: clamp(36px, 6vw, 52px); font-weight: 400; color: var(--be-gold); transition: opacity 0.25s ease; } .gr-calc__result-note, .fn-calc__result-note { font-size: 11px; color: var(--be-text-muted); margin-top: 4px; } .gr-gallery, .fn-gallery { background: var(--be-card); padding-block: var(--gr-section-pad); } .gr-gallery__grid, .fn-gallery__grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto auto; gap: 12px; } .gr-gallery__item--tall, .fn-gallery__item--tall { grid-row: span 2; } .gr-gallery__item--wide, .fn-gallery__item--wide { grid-column: span 2; } .gr-gallery__item, .fn-gallery__item { display: block; overflow: hidden; border-radius: var(--gr-radius); border: none; padding: 0; position: relative; cursor: pointer; background: var(--be-bg); } .gr-gallery__item img, .fn-gallery__item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; display: block; } .gr-gallery__item--tall img, .fn-gallery__item--tall img { aspect-ratio: unset; height: 100%; } .gr-gallery__item:not(.gr-gallery__item--tall) img, .fn-gallery__item:not(.fn-gallery__item--tall) img { aspect-ratio: 4/3; } .gr-gallery__item--wide img, .fn-gallery__item--wide img { aspect-ratio: unset; height: 100%; } .gr-gallery__item:not(.gr-gallery__item--wide) img, .fn-gallery__item:not(.fn-gallery__item--wide) img { aspect-ratio: 3/4; } .gr-gallery__item::after, .fn-gallery__item::after { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0); transition: background var(--gr-transition); } .gr-gallery__item:hover::after, .fn-gallery__item:hover::after { background: rgba(207,172,120,0.12); } .gr-gallery__item:hover img, .fn-gallery__item:hover img { transform: scale(1.06); } .gr-lightbox, .fn-lightbox { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; } .gr-lightbox[hidden], .fn-lightbox[hidden] { display: none; } .gr-lightbox__backdrop, .fn-lightbox__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.94); } .gr-lightbox__close, .fn-lightbox__close { position: absolute; top: 20px; right: 24px; z-index: 2; color: var(--be-text); width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255,255,255,0.1); transition: background var(--gr-transition); } .gr-lightbox__close:hover, .fn-lightbox__close:hover { background: rgba(255,255,255,0.2); } .gr-lightbox__content, .fn-lightbox__content { position: relative; z-index: 1; max-width: 90vw; max-height: 90vh; display: flex; align-items: center; justify-content: center; } .gr-lightbox__img, .fn-lightbox__img { max-width: 90vw; max-height: 90vh; object-fit: contain; border-radius: var(--gr-radius); } .gr-spec, .fn-spec { background: var(--be-bg); padding-block: var(--gr-section-pad); } .gr-spec__layout, .fn-spec__layout { display: grid; grid-template-columns: 1fr 380px; gap: var(--gr-gap); align-items: start; } .gr-spec__table, .fn-spec__table { width: 100%; border-collapse: collapse; border: 1px solid var(--be-border); border-radius: var(--gr-radius-lg); overflow: hidden; } .gr-spec__table tbody tr, .fn-spec__table tbody tr { border-bottom: 1px solid var(--be-border); } .gr-spec__table tbody tr:last-child, .fn-spec__table tbody tr:last-child { border-bottom: none; } .gr-spec__table tbody tr:nth-child(odd), .fn-spec__table tbody tr:nth-child(odd) { background: rgba(255,255,255,0.02); } .gr-spec__table th, .fn-spec__table th, .gr-spec__table td, .fn-spec__table td { padding: 14px 20px; text-align: left; font-size: 14px; } .gr-spec__table th, .fn-spec__table th { color: var(--be-text-muted); font-weight: 500; width: 38%; white-space: nowrap; } .gr-spec__table td, .fn-spec__table td { color: var(--be-text); } .gr-spec__dims-title, .fn-spec__dims-title { font-family: var(--be-font-display); font-size: 20px; font-weight: 700; margin-bottom: 20px; } .gr-spec__dim-card, .fn-spec__dim-card { background: var(--be-card); border: 1px solid var(--be-border); border-radius: var(--gr-radius-lg); padding: 24px; margin-bottom: 16px; } .gr-spec__dim-model, .fn-spec__dim-model { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--be-gold); margin-bottom: 16px; } .gr-spec__dim-grid, .fn-spec__dim-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 16px; } .gr-spec__dim-item, .fn-spec__dim-item { display: flex; flex-direction: column; gap: 4px; } .gr-spec__dim-val, .fn-spec__dim-val { font-family: var(--be-font-display); font-size: 22px; font-weight: 700; color: var(--be-text); } .gr-spec__dim-lbl, .fn-spec__dim-lbl { font-size: 11px; color: var(--be-text-muted); text-transform: uppercase; letter-spacing: 0.08em; } .gr-spec__dim-price, .fn-spec__dim-price { font-size: 14px; color: var(--be-text-muted); padding-top: 12px; border-top: 1px solid var(--be-border); } .gr-spec__dim-price strong, .fn-spec__dim-price strong { color: var(--be-gold); } .gr-ral, .fn-ral { background: var(--be-card); padding-block: var(--gr-section-pad); } .gr-ral__selected-wrap, .fn-ral__selected-wrap { text-align: center; margin-bottom: 36px; min-height: 32px; } .gr-ral__selected, .fn-ral__selected { display: inline-block; font-size: 13px; color: var(--be-text-muted); border: 1px solid var(--be-border); border-radius: 20px; padding: 6px 20px; transition: all var(--gr-transition); } .gr-ral__selected.has-selection, .fn-ral__selected.has-selection { color: var(--be-gold); border-color: var(--be-gold); background: rgba(207,172,120,0.1); } .gr-ral__groups, .fn-ral__groups { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 32px; } .gr-ral__group-name, .fn-ral__group-name { font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--be-text-muted); margin-bottom: 14px; } .gr-ral__swatches, .fn-ral__swatches { display: flex; flex-wrap: wrap; gap: 10px; } .gr-ral__swatch, .fn-ral__swatch { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 8px; border: 2px solid transparent; border-radius: var(--gr-radius); transition: all var(--gr-transition); background: transparent; } .gr-ral__swatch:hover, .fn-ral__swatch:hover, .gr-ral__swatch:focus-visible, .fn-ral__swatch:focus-visible { border-color: rgba(207,172,120,0.5); } .gr-ral__swatch.is-active, .fn-ral__swatch.is-active { border-color: var(--be-gold); background: rgba(207,172,120,0.08); } .gr-ral__swatch-dot, .fn-ral__swatch-dot { display: block; width: 36px; height: 36px; border-radius: 50%; background: var(--swatch-color, #888); border: 1px solid rgba(255,255,255,0.1); transition: transform var(--gr-transition); } .gr-ral__swatch:hover .gr-ral__swatch-dot, .fn-ral__swatch:hover .fn-ral__swatch-dot { transform: scale(1.15); } .gr-ral__swatch-code, .fn-ral__swatch-code { font-size: 10px; color: var(--be-text-muted); letter-spacing: 0.05em; } .gr-ral__swatch.is-active .gr-ral__swatch-code, .fn-ral__swatch.is-active .fn-ral__swatch-code { color: var(--be-gold); } .gr-faq, .fn-faq { background: var(--be-background); padding-block: var(--gr-section-pad); } .gr-faq__inner, .fn-faq__inner { max-width: 800px; margin-inline: auto; } .gr-faq__inner .gr-section-header, .fn-faq__inner .fn-section-header { text-align: left; } .gr-faq__list, .fn-faq__list { display: flex; flex-direction: column; gap: 0; border: 1px solid var(--be-border); border-radius: var(--gr-radius-lg); overflow: hidden; } .gr-faq__item, .fn-faq__item { border-bottom: 1px solid var(--be-border); } .gr-faq__item:last-child, .fn-faq__item:last-child { border-bottom: none; } .gr-faq__question, .fn-faq__question { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px; text-align: left; font-size: 15px; font-weight: 500; color: var(--be-text); background: transparent; transition: background var(--gr-transition), color var(--gr-transition); } .gr-faq__question:hover, .fn-faq__question:hover { background: rgba(255,255,255,0.03); color: var(--be-gold); } .gr-faq__item.is-open .gr-faq__question, .fn-faq__item.is-open .fn-faq__question { color: var(--be-gold); background: rgba(207,172,120,0.05); } .gr-faq__icon, .fn-faq__icon { flex-shrink: 0; color: var(--be-text-muted); transition: transform var(--gr-transition); } .gr-faq__item.is-open .gr-faq__icon, .fn-faq__item.is-open .fn-faq__icon { transform: rotate(180deg); color: var(--be-gold); } .gr-faq__answer, .fn-faq__answer { overflow: hidden; max-height: 0; transition: max-height 0.4s ease, opacity 0.3s ease; opacity: 0; } .gr-faq__item.is-open .gr-faq__answer, .fn-faq__item.is-open .fn-faq__answer { max-height: 600px; opacity: 1; } .gr-faq__answer-inner, .fn-faq__answer-inner { padding: 0 24px 20px; } .gr-faq__answer-inner p, .fn-faq__answer-inner p { font-size: 14px; color: var(--be-text-muted); line-height: 1.7; } .gr-order, .fn-order { background: var(--be-card); padding-block: var(--gr-section-pad); } .gr-order__inner, .fn-order__inner { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px, 6vw, 80px); align-items: start; } .gr-order__info .gr-section-title, .fn-order__info .fn-section-title { margin-bottom: 32px; } .gr-order__benefits, .fn-order__benefits { list-style: none; display: flex; flex-direction: column; gap: 14px; margin-bottom: 36px; } .gr-order__benefits li, .fn-order__benefits li { display: flex; align-items: flex-start; gap: 12px; font-size: 14px; color: var(--be-text-muted); } .gr-order__benefits li svg, .fn-order__benefits li svg { flex-shrink: 0; margin-top: 1px; } .gr-order__email, .fn-order__email { display: inline-flex; align-items: center; gap: 10px; font-size: 15px; color: var(--be-gold); border-bottom: 1px solid rgba(207,172,120,0.3); padding-bottom: 2px; transition: border-color var(--gr-transition); } .gr-order__email:hover, .fn-order__email:hover { border-color: var(--be-gold); } .gr-order__form-wrap, .fn-order__form-wrap { background: var(--be-bg); border: 1px solid var(--be-border); border-radius: var(--gr-radius-lg); padding: clamp(24px, 4vw, 44px); } .gr-order__form, .fn-order__form { display: flex; flex-direction: column; gap: 20px; } .gr-form__group, .fn-form__group { display: flex; flex-direction: column; gap: 7px; } .gr-form__label, .fn-form__label { font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--be-text-muted); } .gr-form__label span, .fn-form__label span { color: var(--be-gold); } .gr-form__input, .fn-form__input, .gr-form__textarea, .fn-form__textarea { background: var(--be-card); border: 1px solid var(--be-border); border-radius: var(--gr-radius); padding: 12px 16px; font-family: var(--be-font-body); font-size: 14px; color: var(--be-text); transition: border-color var(--gr-transition); width: 100%; outline: none; resize: vertical; } .gr-form__input::placeholder, .fn-form__input::placeholder, .gr-form__textarea::placeholder, .fn-form__textarea::placeholder { color: var(--be-text-muted); opacity: 0.6; } .gr-form__input:focus, .fn-form__input:focus, .gr-form__textarea:focus, .fn-form__textarea:focus { border-color: var(--be-gold); } .gr-form__consent, .fn-form__consent { margin-top: 4px; } .gr-form__consent .gr-calc__checkbox-text, .fn-form__consent .fn-calc__checkbox-text { font-size: 13px; color: var(--be-text-muted); } .gr-form__status, .fn-form__status { padding: 12px 16px; border-radius: var(--gr-radius); font-size: 14px; } .gr-form__status.is-success, .fn-form__status.is-success { background: rgba(120, 200, 120, 0.1); color: #7ec87e; border: 1px solid rgba(120, 200, 120, 0.3); } .gr-form__status.is-error, .fn-form__status.is-error { background: rgba(200, 80, 80, 0.1); color: #e07070; border: 1px solid rgba(200, 80, 80, 0.3); } .gr-form__submit, .fn-form__submit { margin-top: 4px; } .gr-footer, .fn-footer { background: var(--be-bg); border-top: 1px solid var(--be-border); padding-block: 40px; } .gr-footer__inner, .fn-footer__inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 24px; } .gr-footer__logo img, .fn-footer__logo img { height: 32px; width: auto; } .gr-footer__nav, .fn-footer__nav { display: flex; align-items: center; gap: 32px; } .gr-footer__link, .fn-footer__link { font-size: 13px; color: var(--be-text-muted); transition: color var(--gr-transition); } .gr-footer__link:hover, .fn-footer__link:hover { color: var(--be-gold); } .gr-footer__copy, .fn-footer__copy { font-size: 12px; color: var(--be-text-muted); } @media (max-width: 900px) { .gr-about__inner, .fn-about__inner { grid-template-columns: 1fr; } .gr-models__grid, .fn-models__grid { grid-template-columns: 1fr; } .gr-spec__layout, .fn-spec__layout { grid-template-columns: 1fr; } .gr-order__inner, .fn-order__inner { grid-template-columns: 1fr; } .gr-gallery__grid, .fn-gallery__grid { grid-template-columns: repeat(2, 1fr); } .gr-gallery__item--tall, .fn-gallery__item--tall { grid-row: span 1; } .gr-gallery__item--tall img, .fn-gallery__item--tall img, .gr-gallery__item img, .fn-gallery__item img { aspect-ratio: 4/3; height: auto; } .gr-calc__model-btns, .fn-calc__model-btns { grid-template-columns: 1fr; } .gr-spec__layout, .fn-spec__layout { grid-template-columns: 1fr; } } @media (max-width: 600px) { .gr-header__back span, .fn-header__back span { display: none; } .gr-hero__title, .fn-hero__title { font-size: clamp(52px, 14vw, 80px); } .gr-hero__cta, .fn-hero__cta { flex-direction: column; } .gr-hero__cta .gr-btn, .fn-hero__cta .fn-btn { width: 100%; justify-content: center; } .gr-gallery__grid, .fn-gallery__grid { grid-template-columns: 1fr; } .gr-footer__inner, .fn-footer__inner { flex-direction: column; text-align: center; } .gr-footer__nav, .fn-footer__nav { flex-wrap: wrap; justify-content: center; gap: 20px; } .gr-ral__groups, .fn-ral__groups { grid-template-columns: 1fr 1fr; } .gr-calc__result, .fn-calc__result { flex-direction: column; align-items: flex-start; } .gr-calc__result .gr-btn, .fn-calc__result .fn-btn { width: 100%; justify-content: center; } .gr-spec__dim-grid, .fn-spec__dim-grid { grid-template-columns: repeat(3, 1fr); } } @media (prefers-reduced-motion: reduce) { [class^="gr-"], [class*=" gr-"], [class^="fn-"], [class*=" fn-"], [class^="gr-"] *, [class*=" gr-"] *, [class^="fn-"] *, [class*=" fn-"] * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } [data-reveal] { opacity: 1; transform: none; transition: none; } html { scroll-behavior: auto; } } .gr-viewer3d-wrap, .fn-viewer3d-wrap { margin-top: var(--gr-section-pad); } .gr-viewer3d, .fn-viewer3d { user-select: none; } .gr-viewer3d__stage, .fn-viewer3d__stage { position: relative; display: flex; align-items: center; justify-content: center; background: var(--be-card); border: 1px solid var(--be-border); border-radius: var(--gr-radius-lg); overflow: hidden; cursor: grab; } .gr-viewer3d.is-dragging .gr-viewer3d__stage, .fn-viewer3d.is-dragging .fn-viewer3d__stage { cursor: grabbing; } .gr-viewer3d__img, .fn-viewer3d__img { width: 100%; height: 100%; object-fit: contain; pointer-events: none; -webkit-user-drag: none; } .gr-viewer3d__hint, .fn-viewer3d__hint { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; background: rgba(0, 0, 0, 0.55); border: 1px solid var(--be-border); border-radius: 100px; color: var(--be-text); font-family: var(--be-font-body); font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; pointer-events: none; transition: opacity var(--gr-transition); } .gr-viewer3d__hint svg, .fn-viewer3d__hint svg { stroke: var(--be-gold); } .gr-viewer3d.is-dragging .gr-viewer3d__hint, .fn-viewer3d.is-dragging .fn-viewer3d__hint { opacity: 0; } .gr-viewer3d__slider, .fn-viewer3d__slider { -webkit-appearance: none; appearance: none; display: block; width: 100%; height: 4px; margin-top: 20px; border-radius: 100px; background: var(--be-border); cursor: pointer; outline: none; } .gr-viewer3d__slider::-webkit-slider-thumb, .fn-viewer3d__slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 24px; height: 24px; border-radius: 50%; background: var(--be-gold); border: 3px solid var(--be-bg); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45); cursor: grab; transition: transform var(--gr-transition); } .gr-viewer3d__slider::-moz-range-thumb, .fn-viewer3d__slider::-moz-range-thumb { width: 24px; height: 24px; border-radius: 50%; background: var(--be-gold); border: 3px solid var(--be-bg); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45); cursor: grab; transition: transform var(--gr-transition); } .gr-viewer3d__slider::-webkit-slider-thumb:hover, .fn-viewer3d__slider::-webkit-slider-thumb:hover { transform: scale(1.12); } .gr-viewer3d__slider::-moz-range-thumb:hover, .fn-viewer3d__slider::-moz-range-thumb:hover { transform: scale(1.12); } .gr-viewer3d__slider:active, .fn-viewer3d__slider:active { cursor: grabbing; } .gr-viewer3d__slider::-moz-range-track, .fn-viewer3d__slider::-moz-range-track { height: 4px; border-radius: 100px; background: var(--be-border); } .gr-viewer3d__slider:focus-visible::-webkit-slider-thumb, .fn-viewer3d__slider:focus-visible::-webkit-slider-thumb { box-shadow: 0 0 0 4px var(--be-border), 0 2px 10px rgba(0, 0, 0, 0.45); } .gr-viewer3d__slider:focus-visible::-moz-range-thumb, .fn-viewer3d__slider:focus-visible::-moz-range-thumb { box-shadow: 0 0 0 4px var(--be-border), 0 2px 10px rgba(0, 0, 0, 0.45); } .gr-calc__model-base, .fn-calc__model-base, .gr-calc__checkbox-price, .fn-calc__checkbox-price, .gr-calc__result-price, .fn-calc__result-price, .gr-model-card__price, .fn-model-card__price, .gr-spec__dim-price, .fn-spec__dim-price, .gr-spec__dim-price strong, .fn-spec__dim-price strong { font-family: var(--be-price); } .woocommerce-Price-amount, .woocommerce-Price-amount bdi { font-family: var(--be-price); } .fn-model-card[role="button"] { cursor: pointer; } .fn-model-card.is-selected { border-color: var(--be-gold); box-shadow: 0 0 0 1px var(--be-gold); } .fn-models__order { margin-top: clamp(32px, 5vw, 56px); width: 100%; max-width: none; margin-inline: 0; grid-column: 1 / -1; padding: 0; background: #000000; border: 1px solid var(--be-card); border-radius: 16px; overflow: hidden; display: block; } .fn-order__config { padding: clamp(24px, 4vw, 40px); width: 100%; grid-column: 1 / -1; display: flex; flex-direction: column; gap: 22px; } .fn-order__heading { font-family: var(--be-font-body); font-size: 11px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--be-gold); } .fn-order__row { display: flex; align-items: center; gap: 16px; padding: 16px 18px; border: 1px solid var(--be-border); border-radius: 10px; cursor: pointer; transition: border-color 0.25s ease, background 0.25s ease; } .fn-order__row:hover { border-color: rgba(207, 172, 120, 0.45); } .fn-order__row:has(.fn-order__check:checked) { border-color: var(--be-gold); background: rgba(207, 172, 120, 0.06); } .fn-order__check { position: absolute; opacity: 0; width: 0; height: 0; } .fn-order__check-box { flex-shrink: 0; width: 22px; height: 22px; border: 2px solid rgba(207, 172, 120, 0.4); border-radius: 6px; position: relative; transition: all 0.25s ease; } .fn-order__check:checked + .fn-order__check-box { background: var(--be-gold); border-color: var(--be-gold); } .fn-order__check:checked + .fn-order__check-box::after { content: ''; position: absolute; left: 7px; top: 3px; width: 5px; height: 10px; border: 2px solid #000; border-top: none; border-left: none; transform: rotate(45deg); } .fn-order__check:focus-visible + .fn-order__check-box { outline: 2px solid var(--be-gold); outline-offset: 2px; } .fn-order__row-main { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; } .fn-order__row-name { font-size: 15px; color: var(--be-text); font-weight: 500; } .fn-order__row-desc { font-size: 12.5px; color: var(--be-text-muted); } .fn-order__row-price { flex-shrink: 0; font-family: var(--be-price); font-size: 15px; font-weight: 700; color: var(--be-gold); } .fn-order__field { display: flex; flex-direction: column; gap: 12px; } .fn-order__field-label { font-size: 15px; color: var(--be-text); font-weight: 500; } .fn-order__seg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; } .fn-order__seg-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 10px; border: 1px solid var(--be-border); border-radius: 10px; background: transparent; color: var(--be-text-muted); font-family: var(--be-font-body); font-size: 13px; font-weight: 600; cursor: pointer; transition: all 0.25s ease; } .fn-order__seg-btn:hover { border-color: rgba(207, 172, 120, 0.45); color: var(--be-text); } .fn-order__seg-btn.is-active { border-color: var(--be-gold); background: rgba(207, 172, 120, 0.10); color: var(--be-text); } .fn-order__dot { width: 14px; height: 14px; border-radius: 50%; flex-shrink: 0; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.14); } .fn-order__dot--warm { background: radial-gradient(circle at 35% 30%, #ffe6b8, #f3b24c 60%, #d98a2b 100%); } .fn-order__dot--cold { background: radial-gradient(circle at 35% 30%, #ffffff, #cfe4ff 55%, #9bc4ff 100%); } .fn-order__field-hint { font-size: 12px; color: var(--be-gold); min-height: 14px; } .fn-order__summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding: clamp(22px, 4vw, 32px) clamp(24px, 4vw, 40px); background: rgba(207, 172, 120, 0.05); border-top: 1px solid var(--be-border); } .fn-order__price-block { display: flex; flex-direction: column; gap: 4px; } .fn-order__price-label { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--be-text-muted); } .fn-order__price { font-family: var(--be-price); font-size: clamp(38px, 6vw, 52px); font-weight: 400; line-height: 1; color: var(--be-gold); } .fn-order__price-note { font-size: 12px; color: var(--be-text-muted); } .fn-order__cta { flex-shrink: 0; padding: 16px 34px; font-size: 13px; } @media (max-width: 520px) { .fn-order__seg { grid-template-columns: 1fr; } .fn-order__cta { width: 100%; } } .be-event.is-carousel { user-select: none; -webkit-user-select: none; touch-action: pan-y; } .be-event { cursor: zoom-in; } .be-event__track { position: absolute; inset: 0; z-index: 0; } .be-event__slide { position: absolute; inset: 0; opacity: 0; transition: opacity .8s ease; } .be-event__slide.is-active { opacity: 1; } .be-event__slide img { width: 100%; height: 100%; object-fit: cover; display: block; -webkit-user-drag: none; } .be-event__dots { position: absolute; top: 12px; right: 12px; z-index: 3; display: flex; gap: 5px; align-items: center; } .be-event__dots button { width: 5px; height: 5px; border-radius: 50%; border: 0; padding: 0; cursor: pointer; background: rgba(255,255,255,0.55); transition: background .3s ease, width .3s ease, border-radius .3s ease; } .be-event__dots button.is-active { background: var(--be-primary); width: 14px; border-radius: 3px; } .gr-gallery__item, .fn-gallery__item { cursor: zoom-in; } .fn-gallery__item.is-carousel, .gr-gallery__item.is-carousel { user-select: none; -webkit-user-select: none; touch-action: pan-y; } .be-xfade { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .8s ease; pointer-events: none; -webkit-user-drag: none; z-index: 1; } .be-xfade.is-shown { opacity: 1; } .be-gal-dots { position: absolute; bottom: 10px; left: 0; right: 0; z-index: 3; display: flex; justify-content: center; gap: 5px; pointer-events: none; } .be-gal-dot { width: 5px; height: 5px; border-radius: 50%; background: rgba(255,255,255,0.55); transition: background .3s ease, width .3s ease, border-radius .3s ease; } .be-gal-dot.is-active { background: var(--be-primary); width: 14px; border-radius: 3px; } .be-ev-lightbox { position: fixed; inset: 0; z-index: 9000; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.92); backdrop-filter: blur(4px); padding: 16px; opacity: 0; visibility: hidden; transition: opacity .35s ease, visibility .35s; } .be-ev-lightbox.is-open { opacity: 1; visibility: visible; } .be-ev-lightbox__inner { position: relative; max-width: 1100px; width: 100%; max-height: 88vh; transform: scale(.92); transition: transform .35s cubic-bezier(.22,1,.36,1); } .be-ev-lightbox.is-open .be-ev-lightbox__inner { transform: none; } .be-ev-lightbox__inner img { width: 100%; max-height: 82vh; object-fit: contain; display: block; } .be-ev-lightbox__close { position: absolute; top: -16px; right: -16px; width: 40px; height: 40px; background: var(--be-primary); color: #000; border: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background .3s ease; z-index: 2; } .be-ev-lightbox__close:hover { background: #fff; } .be-ev-lightbox__nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.4); color: #fff; border: 0; cursor: pointer; transition: background .3s ease, color .3s ease; } .be-ev-lightbox__nav:hover { background: var(--be-primary); color: #000; } .be-ev-lightbox__nav--prev { left: -18px; } .be-ev-lightbox__nav--next { right: -18px; } @media (max-width: 680px) { .be-ev-lightbox__nav--prev { left: 6px; } .be-ev-lightbox__nav--next { right: 6px; } } .be-ev-lightbox__count { position: absolute; bottom: -34px; left: 0; right: 0; text-align: center; color: rgba(255,255,255,0.7); font-family: var(--be-font-sans); font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; } .be-ev-lightbox__cta { position: absolute; bottom: -34px; right: 0; display: inline-flex; align-items: center; gap: 6px; color: var(--be-primary); text-decoration: none; font-family: var(--be-font-sans); font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; transition: color .3s ease; } .be-ev-lightbox__cta:hover { color: #fff; } @media (max-width: 680px) { .be-ev-lightbox__count { bottom: -30px; text-align: left; } .be-ev-lightbox__cta { bottom: -30px; } } #payment div.payment_box, .woocommerce #payment div.payment_box, .payment_box.payment_method_bacs { background: #1a1a1a !important; border-left: 3px solid #CFAC78 !important; } #payment .payment_box, #payment .payment_box p, #payment .payment_box li, #payment .payment_box td, #payment .payment_box th, #payment .payment_box span, #payment .payment_box strong, #payment .payment_box address { color: #b0b0b0 !important; } #payment .payment_box a { color: #CFAC78 !important; } #payment .payment_box ul, #payment .payment_box table, #payment .payment_box .order_details { background: transparent !important; } #payment .payment_box::before { display: none !important; } #ship-to-different-address label { display: inline-flex; align-items: center; gap: 12px; cursor: pointer; margin: 0; } #ship-to-different-address input.input-checkbox, #ship-to-different-address-checkbox { -webkit-appearance: none; appearance: none; width: 24px; height: 24px; margin: 0; border: 2px solid rgba(207, 172, 120, 0.55); border-radius: 4px; background: #1a1a1a; cursor: pointer; position: relative; flex-shrink: 0; transition: background .2s ease, border-color .2s ease; } #ship-to-different-address input.input-checkbox:hover, #ship-to-different-address-checkbox:hover { border-color: #CFAC78; } #ship-to-different-address input.input-checkbox:checked, #ship-to-different-address-checkbox:checked { background: #CFAC78; border-color: #CFAC78; } #ship-to-different-address input.input-checkbox:checked::after, #ship-to-different-address-checkbox:checked::after { content: ''; position: absolute; left: 7px; top: 3px; width: 6px; height: 11px; border: 2px solid #000; border-top: none; border-left: none; transform: rotate(45deg); } #ship-to-different-address input.input-checkbox:focus-visible, #ship-to-different-address-checkbox:focus-visible { outline: 2px solid #CFAC78; outline-offset: 2px; }