/* ═══════════════════════════════════════════════════════════ INTERNO — Unified Design Tokens & Base Single source of truth for the local visuals build. (This becomes the custom theme's global stylesheet later.) ═══════════════════════════════════════════════════════════ */ :root { /* ─── Brand palette ─────────────────────────────── */ --bg-color: #F5F5F5; /* warm cream */ --text-color: #1A1A1A; /* near-black */ --line-color: rgba(26, 26, 26, 0.15); /* hairline */ --line-soft: rgba(26, 26, 26, 0.08); /* soft hairline */ --accent-color: #8C3B28; /* terracotta */ /* ─── Typography ────────────────────────────────── */ --title-font: 'LGV Anastasia 2025 Geo', 'Noto Serif Georgian', serif; --body-font: 'FiraGo', 'Noto Sans Georgian', sans-serif; /* ─── Layout ────────────────────────────────────── */ --ih-header-height: 80px; } /* Global horizontal-scroll lockdown (required by full-bleed sections) */ html, body { overflow-x: hidden; overflow-x: clip; } body { margin: 0; background-color: var(--bg-color); color: var(--text-color); font-family: var(--body-font); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Full-width page wrapper — sections manage their own insets / full-bleed */ .interno-page { width: 100%; overflow-x: clip; } /* ─── BRAND FONTS ─────────────────────────────────────────────── Drop the real font files into visuals/assets/fonts/ then uncomment the matching block. Until then, the Noto Georgian fallbacks (loaded from Google Fonts in each page ) render Georgian text correctly — just not in the exact brand typeface. @font-face { font-family: 'FiraGo'; src: url('../fonts/FiraGO-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'FiraGo'; src: url('../fonts/FiraGO-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'FiraGo'; src: url('../fonts/FiraGO-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'LGV Anastasia 2025 Geo'; src: url('../fonts/LGVAnastasia2025Geo.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } ──────────────────────────────────────────────────────────────── */ /* ============================================================ Global backgrounds — very light gray page, solid-white product cards, and white single-product photo column. Overrides the per-section cream bg variables (which are non-!important). ============================================================ */ :root{ --bg-color:#F5F5F5 !important; --ibs-bg-color:#F5F5F5 !important; --icat-bg-color:#F5F5F5 !important; --ip-bg-color:#F5F5F5 !important; --ih-bg-color:#F5F5F5 !important; --ipg-bg-color:#F5F5F5 !important; --iwl-bg-color:#F5F5F5 !important; --ic-bg-color:#F5F5F5 !important; --ipj-bg-color:#F5F5F5 !important; --ipa-bg-color:#F5F5F5 !important; } body{ background-color:#F5F5F5 !important; } /* Product PHOTO BACKDROP = white (transparent photos on white; cover photos fill). Card structure/paddings/shapes unchanged — only the image wrapper backdrop. */ .interno-bestsellers-wrap .ibs-card-img-wrapper, .interno-catalog-wrap .ic-card-img-wrapper, .interno-wishlist-wrap .iwl-card-img-wrapper, .interno-product-wrap .ip-card-img-wrapper, .interno-product-wrap .ip-gallery, .interno-product-wrap .ip-mobile-gallery{ background:#fff !important; } /* ============================================================ Product TITLES → FiraGO (global brand typography) ------------------------------------------------------------ Forces the FiraGO family on every PRODUCT-NAME title, in every context it appears: • bestsellers slider cards .ibs-card-title • catalog / archive / category .ic-card-title • single product page heading .ip-title (H1) • "you may also like" related .ip-card-title • wishlist cards .iwl-card-title !important is required because each section ships its own scoped inline CSS later in the document (font-family: var(--*-title-font), which resolves to LGV Anastasia). Section/hero/page headings are intentionally left on their original font. ============================================================ */ .interno-bestsellers-wrap .ibs-card-title, .interno-catalog-wrap .ic-card-title, .interno-product-wrap .ip-title, .interno-product-wrap .ip-card-title, .interno-wishlist-wrap .iwl-card-title { font-family: 'FiraGO', 'FiraGo', 'Noto Sans Georgian', sans-serif !important; }