/* GA Kit Core. Every selector starts with `html body` on purpose: it keeps kit styles above generic theme rules (WoodMart etc.). Keep that prefix when you add rules. */
/* =====================================================================
Skin: MODERN — forest + cream, Fraunces / Manrope, rounded windows.
Also used by the five hero banners and the Size Guide page.
===================================================================== */
html body .ga-skin-modern {
--ga-bg: #FBF8F2; --ga-bg2: #F1E9DA; --ga-surface: #FFFFFF; --ga-ink: #1A1D1C; --ga-muted: #5B615E; --ga-line: #E5DCCB;
--ga-acc: #16302A; --ga-acc-h: #24493F; --ga-on-acc: #F4EEE2; --ga-gold: #C29A52; --ga-gold-ink: #7C5B1F; --ga-em: #3E6B57;
--ga-dark: #16302A; --ga-dark2: #1F3A2E; --ga-on-dark: #F4EEE2; --ga-on-dark2: #B9C6BF; --ga-dark-gold: #E2C68E; --ga-line-dk: rgba(244,238,226,.16); --ga-dark-surface: rgba(244,238,226,.06);
--ga-ink-band: #1A1D1C; --ga-moss: #3E6B57; --ga-focus: #2A6AA3; --ga-star: #C29A52;
--ga-f-d: "Fraunces", Georgia, "Times New Roman", serif; --ga-f-b: "Manrope", "Helvetica Neue", Arial, sans-serif;
--ga-r: 14px; --ga-r-lg: 18px; --ga-btn-r: 999px; --ga-card-r: 18px; --ga-img-r: 18px;
--ga-h-w: 500; --ga-h-ls: -.02em; --ga-h-lh: 1.02;
--ga-h1: clamp(2.9rem, 1.8rem + 5vw, 6.25rem); --ga-h2: clamp(2.1rem, 1.6rem + 2.2vw, 3.5rem); --ga-h3: clamp(1.5rem, 1.25rem + 1vw, 2rem); --ga-h4: clamp(1.2rem, 1.05rem + .5vw, 1.4rem);
--ga-max: 1360px; --ga-gut: 16px; --ga-sec-y: clamp(56px, 4rem + 3vw, 120px);
--ga-hdr-bg: rgba(251,248,242,.9); --ga-raute-bg: transparent;
}
@media (min-width: 768px) { html body .ga-skin-modern { --ga-gut: 32px; } }
html body .ga-skin-modern .ga-h1 .elementor-heading-title { font-weight: 400; }
html body .ga-skin-modern .ga-kicker .elementor-heading-title { letter-spacing: .18em; }
/* Header */
html body .ga-hdr--modern .e-con.ga-hdr__main { background: var(--ga-hdr-bg); backdrop-filter: saturate(1.4) blur(14px); -webkit-backdrop-filter: saturate(1.4) blur(14px); border-bottom: 1px solid transparent; transition: border-color .2s; }
html body .ga-site-header.is-scrolled .ga-hdr--modern .e-con.ga-hdr__main { border-color: var(--ga-line); }
html body .ga-hdr--modern .ga-hdr__logo { justify-self: center; }
html body .ga-hdr--modern .ga-hdr__left .ga-menu .sub-menu { top: calc(100% + 10px); }
html body .ga-skin-modern .ga-hdr__cur { position: absolute; right: max(32px, env(safe-area-inset-right, 0px)); }
html body .ga-skin-modern .ga-hdr__barin { position: relative; }
/* Hero (rounded band) */
html body .e-con.ga-hero--band { padding: 8px max(8px, env(safe-area-inset-right, 0px)) 0 max(8px, env(safe-area-inset-left, 0px)); background: var(--ga-bg); }
@media (min-width: 768px) { html body .e-con.ga-hero--band { padding: 12px max(12px, env(safe-area-inset-right, 0px)) 0 max(12px, env(safe-area-inset-left, 0px)); } }
html body .e-con.ga-hero__band { border-radius: 28px; overflow: hidden; position: relative; }
html body .e-con.ga-hero__band::before { content: ""; position: absolute; inset: 0; background: radial-gradient(80% 60% at 0% 0%, rgba(194,154,82,.16), transparent 60%); pointer-events: none; }
html body .ga-skin-modern .e-con.ga-hero__grid { display: grid; gap: 28px; padding-block: clamp(40px, 3rem + 3vw, 96px) clamp(28px, 2rem + 2vw, 64px); position: relative; }
@media (min-width: 1024px) { html body .ga-skin-modern .e-con.ga-hero__grid { grid-template-columns: 1.1fr 1fr; gap: 56px; align-items: center; } }
html body .ga-skin-modern .e-con.ga-hero__copy { gap: 22px; }
html body .ga-skin-modern .ga-hero__copy .ga-lede { color: var(--ga-on-dark2); }
html body .ga-skin-modern .ga-hero__copy .ga-btns .elementor-widget { flex: 1 1 170px; max-width: 240px; }
html body .ga-skin-modern .ga-hero__copy .ga-btns .elementor-button { width: 100%; }
@media (min-width: 1024px) { html body .ga-skin-modern .ga-hero__copy .ga-btns .elementor-widget { flex: 0 0 auto; } }
html body .ga-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px !important; }
html body .ga-chips span { font-size: .8rem; font-weight: 600; padding: 7px 14px; border-radius: 999px; border: 1px solid rgba(244,238,226,.22); }
html body .ga-skin-modern .e-con.ga-hero__media { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-items: end; }
html body .ga-hero__raute .ga-raute { opacity: .5; filter: brightness(2.2); background-color: transparent; }
/* Ticker band */
html body .e-con.ga-ticker-sec { padding-block: 18px; border-bottom: 1px solid var(--ga-line); background: var(--ga-bg); }
/* Category bento */
html body .ga-skin-modern .e-con.ga-bento { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
@media (min-width: 768px) { html body .ga-skin-modern .e-con.ga-bento { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 240px; gap: 14px; } }
html body .ga-skin-modern .e-con.ga-btile { position: relative; overflow: hidden; border-radius: 18px; min-height: 200px; justify-content: flex-end; text-decoration: none; isolation: isolate; }
html body .ga-skin-modern .e-con.ga-btile--big { grid-column: span 2; min-height: 340px; }
@media (min-width: 768px) { html body .ga-skin-modern .e-con.ga-btile { min-height: 0; } html body .ga-skin-modern .e-con.ga-btile--big { grid-row: span 2; } html body .ga-skin-modern .e-con.ga-btile--tall { grid-row: span 2; } html body .ga-skin-modern .e-con.ga-btile--wide { grid-column: span 2; } }
html body .ga-btile .ga-img img { border-radius: 0; transition: transform .6s cubic-bezier(.2,.7,.2,1); }
html body .ga-btile:hover .ga-img img { transform: scale(1.04); }
html body .ga-skin-modern .e-con.ga-btile__cap { position: absolute; z-index: 1; left: 12px; right: 12px; bottom: 12px; width: auto; flex-direction: row; align-items: center; justify-content: space-between; gap: 8px; background: rgba(251,248,242,.94); border-radius: 14px; padding: 12px 14px; }
html body .ga-btile__t .elementor-heading-title { font-family: var(--ga-f-d); font-size: var(--ga-h4); font-weight: 500; line-height: 1.1; color: var(--ga-ink); }
html body .ga-btile__d .elementor-heading-title { font-size: .78rem; color: var(--ga-muted); margin-top: 2px; }
html body .ga-btile__go .ga-inline-icon { width: 36px; height: 36px; border-radius: 50%; background: var(--ga-acc); color: var(--ga-on-acc); display: grid; place-items: center; }
html body .ga-btile__go .ga-ic { width: 16px; height: 16px; }
/* Size finder band */
html body .ga-skin-modern .e-con.ga-panel { border-radius: 28px; padding: clamp(24px, 1.5rem + 2vw, 64px); gap: 32px; overflow: hidden; }
html body .ga-skin-modern .e-con.ga-sizesec__head { gap: 14px; max-width: 720px; }
html body .ga-skin-modern .ga-panel .ga-sf__type span { border-color: rgba(244,238,226,.2); }
html body .ga-skin-modern .ga-panel .ga-sf__type input:checked + span { background: var(--ga-on-dark); color: var(--ga-dark); border-color: var(--ga-on-dark); }
html body .ga-skin-modern .ga-panel .ga-sf__type input:checked + span small { color: #3E6B57; opacity: 1; }
html body .ga-skin-modern { --ga-sf-panel: #FBF8F2; --ga-sf-res: #FFFFFF; }
html body .ga-skin-modern .ga-sf__result { color: var(--ga-sf-ink, #1E2421); border-top: 1px solid #E5DCCB; --ga-on-dark: #16302A; }
html body .ga-skin-modern .ga-sf__big { color: #16302A; }
html body .ga-skin-modern .ga-sf__eq span { border-color: #E5DCCB; background: #F1E9DA; }
html body .ga-skin-modern .ga-sf__note { background: #EEF4EF; color: #284A3C; border: 0; padding: 10px 12px; border-radius: 10px; }
html body .ga-skin-modern .ga-sf__note.is-warn { background: #FFF4DC; color: #5A4515; }
html body .ga-skin-modern .ga-sf__result .ga-btn-solid { background: #16302A; color: #F4EEE2; }
/* Shop the look */
html body .e-con.ga-skin-modern.ga-shoplook > .e-con.ga-wrap { display: grid; gap: clamp(20px, 1rem + 2vw, 48px); align-items: center; }
@media (min-width: 1024px) { html body .e-con.ga-skin-modern.ga-shoplook > .e-con.ga-wrap { grid-template-columns: 1.1fr 1fr; } }
html body .ga-skin-modern .e-con.ga-shoplook__media { position: relative; aspect-ratio: 4/5; border-radius: 18px; overflow: hidden; }
@media (min-width: 1024px) { html body .ga-skin-modern .e-con.ga-shoplook__media { aspect-ratio: 5/6; } }
html body .ga-skin-modern .e-con.ga-shoplook__copy { gap: 16px; }
/* Craft cards */
html body .ga-skin-modern .e-con.ga-cards3 { display: grid; gap: 14px; }
@media (min-width: 1024px) { html body .ga-skin-modern .e-con.ga-cards3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
html body .ga-skin-modern .e-con.ga-ccard, html body .ga-skin-modern .e-con.ga-howcard { background: var(--ga-surface); border: 1px solid var(--ga-line); border-radius: 18px; overflow: hidden; }
html body .ga-ccard .ga-img img { border-radius: 0; }
html body .ga-skin-modern .e-con.ga-ccard__b { padding: 22px; gap: 8px; }
html body .ga-skin-modern .e-con.ga-howcard { padding: 22px; gap: 10px; }
html body .ga-ccard__k .elementor-heading-title { font-family: var(--ga-f-d); font-style: italic; font-size: .85rem; color: var(--ga-gold-ink); }
/* Occasion pills */
html body .e-con.ga-skin-modern.ga-occsec { padding-block: calc(var(--ga-sec-y) * .7); }
html body .ga-skin-modern .e-con.ga-pills { flex-direction: row; flex-wrap: wrap; gap: 10px; }
html body .ga-skin-modern .e-con.ga-pill { flex-direction: row; align-items: center; gap: 12px; width: auto; padding: 8px 20px 8px 8px; border-radius: 999px; background: var(--ga-surface); border: 1px solid var(--ga-line); text-decoration: none; transition: border-color .2s; }
html body .ga-skin-modern .e-con.ga-pill:hover { border-color: var(--ga-ink); }
html body .ga-pill__img img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }
html body .ga-pill .elementor-widget.ga-pill__img { width: 48px; flex: none; }
html body .ga-pill__t .elementor-heading-title { font-weight: 700; font-size: 1rem; color: var(--ga-ink); }
/* Countdown band */
html body .e-con.ga-skin-modern.ga-cdsec { padding-block: 0; background: var(--ga-bg); }
html body .ga-skin-modern .e-con.ga-cdband { border-radius: 28px; padding: clamp(22px, 1rem + 2vw, 40px); display: grid; gap: 20px; align-items: center; }
@media (min-width: 1024px) { html body .ga-skin-modern .e-con.ga-cdband { grid-template-columns: 1.3fr auto auto; } }
html body .ga-skin-modern .ga-cdband .ga-cd div { background: rgba(244,238,226,.08); }
/* Rewards + wholesale */
html body .e-con.ga-skin-modern.ga-duo > .e-con.ga-wrap, html body .e-con.ga-skin-modern.ga-duo > .e-con { display: grid; gap: 14px; }
@media (min-width: 768px) { html body .e-con.ga-skin-modern.ga-duo > .e-con.ga-wrap { grid-template-columns: 1fr 1fr; } }
html body .ga-skin-modern .e-con.ga-duo__a, html body .ga-skin-modern .e-con.ga-duo__b { border-radius: 28px; padding: clamp(28px, 1.5rem + 2vw, 56px); gap: 14px; align-items: flex-start; min-height: 280px; }
html body .ga-skin-modern .e-con.ga-duo__a { background: var(--ga-bg2); }
html body .ga-skin-modern .ga-duo__a .elementor-widget-button, html body .ga-skin-modern .ga-duo__b .elementor-widget-button { margin-top: auto; }
/* FAQ */
/* Footer */
html body .ga-skin-modern.ga-foot--modern { border-radius: 28px 28px 0 0; padding-block: 0; }
html body .ga-skin-modern .e-con.ga-foot__news { display: grid; gap: 22px; padding-block: clamp(40px, 2rem + 3vw, 80px); border-bottom: 1px solid var(--ga-line); }
@media (min-width: 1024px) { html body .ga-skin-modern .e-con.ga-foot__news { grid-template-columns: 1.2fr 1fr; align-items: end; } }
html body .ga-foot__news .e-con { gap: 12px; }
/* ===== Hero options (modern skin) ===== */
/* 1 Alpine Arch */
html body .ga-skin-modern .e-con.ga-h-arch__grid { display: grid; gap: 40px; align-items: center; }
@media (min-width: 1024px) { html body .ga-skin-modern .e-con.ga-h-arch__grid { grid-template-columns: 1fr 1fr; gap: 64px; } }
html body .ga-skin-modern .e-con.ga-h-arch__copy { gap: 20px; }
html body .ga-skin-modern .ga-h-arch__copy .ga-h1 .elementor-heading-title { color: #1F3A2E; }
html body .ga-proof { display: flex; flex-wrap: wrap; gap: 10px 26px; padding-top: 22px; border-top: 1px solid var(--ga-line); font-size: .85rem; color: var(--ga-muted); }
html body .ga-proof b { display: block; font-family: var(--ga-f-d); font-size: 1.4rem; font-weight: 500; color: #1F3A2E; line-height: 1.1; }
html body .ga-skin-modern .e-con.ga-h-arch__art { position: relative; max-width: 560px; width: 100%; justify-self: center; margin-inline: auto; }
html body .ga-h-arch__img img { border-radius: 999px 999px 18px 18px; aspect-ratio: 4/5; object-fit: cover; box-shadow: 0 0 0 10px var(--ga-bg), 0 0 0 11px var(--ga-line); }
html body .elementor-widget.ga-h-arch__round { position: absolute; left: -6%; bottom: 8%; width: 38%; z-index: 2; }
html body .ga-h-arch__round img { aspect-ratio: 1; object-fit: cover; border-radius: 50%; border: 8px solid var(--ga-bg2); }
html body .elementor-widget.ga-h-arch__badge { position: absolute; right: -2%; top: 6%; width: 30%; z-index: 2; }
html body .ga-badge svg { width: 100%; height: auto; overflow: visible; display: block; }
html body .ga-badge__ring { transform-origin: 60px 60px; animation: ga-spin 22s linear infinite; }
@keyframes ga-spin { to { transform: rotate(360deg); } }
/* 2 Slider */
html body .e-con.ga-h-slider { padding-block: 0; }
html body .ga-slide__copy .ga-h1 .elementor-heading-title, html body .ga-slide__copy .ga-lede { color: #F4EEE2; }
html body .ga-slide__copy .ga-lede { color: #BCC7C0; }
/* 3 Bento */
html body .ga-skin-modern .e-con.ga-hb { display: grid; grid-template-columns: 1fr; gap: 12px; }
@media (min-width: 768px) { html body .ga-skin-modern .e-con.ga-hb { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: minmax(200px, auto); } }
@media (min-width: 1200px) { html body .ga-skin-modern .e-con.ga-hb { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: minmax(225px, auto); } }
html body .ga-skin-modern .e-con.ga-hb__t { position: relative; border-radius: 18px; overflow: hidden; min-width: 0; }
html body .ga-skin-modern .e-con.ga-hb__main { padding: clamp(28px, 2rem + 2vw, 56px); justify-content: space-between; gap: 28px; }
@media (min-width: 768px) { html body .ga-skin-modern .e-con.ga-hb__main { grid-column: span 2; } html body .ga-skin-modern .e-con.ga-hb__tall { grid-row: span 2; } }
@media (min-width: 1200px) { html body .ga-skin-modern .e-con.ga-hb__main { grid-row: span 2; } html body .ga-skin-modern .e-con.ga-hb__ship { grid-column: span 3; } }
html body .ga-skin-modern .ga-hb__main .e-con { gap: 16px; }
html body .ga-skin-modern .ga-hb__main .ga-h1 .elementor-heading-title { font-size: clamp(2.6rem, 1.6rem + 3.6vw, 5rem); }
html body .ga-skin-modern .e-con.ga-hb__img { min-height: 240px; text-decoration: none; justify-content: flex-end; }
html body .ga-hb__img .ga-img img { border-radius: 0; transition: transform .7s cubic-bezier(.2,.7,.2,1); }
html body .ga-hb__img:hover .ga-img img { transform: scale(1.04); }
html body .ga-skin-modern .e-con.ga-hb__cap { position: absolute; z-index: 1; left: 12px; right: 12px; bottom: 12px; width: auto; padding: 12px 14px; border-radius: 14px; background: rgba(251,248,242,.94); flex-direction: row; justify-content: space-between; align-items: center; }
html body .ga-hb__capt .elementor-heading-title { font-family: var(--ga-f-d); font-size: 1.3rem; color: #1F3A2E; }
html body .ga-hb__go .ga-inline-icon { width: 34px; height: 34px; border-radius: 50%; background: #1F3A2E; color: #F4EEE2; display: grid; place-items: center; }
html body .ga-hb__go .ga-ic { width: 16px; height: 16px; }
html body .ga-skin-modern .e-con.ga-hb__size { background: var(--ga-bg2); padding: 22px; gap: 12px; }
html body .ga-skin-modern .e-con.ga-hb__prod { background: var(--ga-surface); border: 1px solid var(--ga-line); padding: 14px; }
html body .ga-hb__prod .ga-card { flex-direction: row; gap: 14px; align-items: center; }
html body .ga-hb__prod .ga-card__media { width: 96px; flex: none; border-radius: 12px; }
html body .ga-hb__prod .ga-card__add { display: none; }
html body .ga-skin-modern .e-con.ga-hb__ship { background: #E2C68E; color: #3B2B0E; padding: 22px; justify-content: space-between; gap: 12px; }
html body .ga-hb__shipt .elementor-heading-title { font-family: var(--ga-f-d); font-size: 2.4rem; line-height: 1; }
/* 4 Product stage */
html body .e-con.ga-skin-modern.ga-h-stage { background: radial-gradient(60% 70% at 50% 45%, #FFFDF8 0%, var(--ga-bg2) 70%); overflow: hidden; }
html body .e-con.ga-skin-modern.ga-h-stage > .e-con.ga-wrap { display: grid; gap: 28px; align-items: center; text-align: center; }
@media (min-width: 1024px) { html body .e-con.ga-skin-modern.ga-h-stage > .e-con.ga-wrap { grid-template-columns: 1fr 2fr; text-align: left; } }
html body .ga-skin-modern .e-con.ga-h-stage__l { gap: 14px; align-items: center; }
@media (min-width: 1024px) { html body .ga-skin-modern .e-con.ga-h-stage__l { align-items: flex-start; } }
html body .ga-skin-modern .ga-h-stage__l .ga-h1 .elementor-heading-title { font-size: clamp(2.4rem, 1.6rem + 2.6vw, 4rem); color: #1F3A2E; }
/* 5 Occasion */
html body .e-con.ga-h-occ { overflow: hidden; position: relative; }
html body .ga-skin-modern .e-con.ga-occ { gap: 30px; }
html body .ga-skin-modern .e-con.ga-occ-panel { display: grid; gap: 40px; align-items: center; }
@media (min-width: 1024px) { html body .ga-skin-modern .e-con.ga-occ-panel { grid-template-columns: 1fr 1.05fr; gap: 64px; } }
html body .ga-skin-modern .e-con.ga-occ-panel__copy { gap: 18px; }
html body .ga-skin-modern .e-con.ga-occ-panel__media { display: grid; grid-template-columns: 1.1fr .9fr; grid-template-rows: auto auto; gap: 12px; }
html body .ga-occ-panel__media .elementor-widget.ga-img--cover { position: relative; inset: auto; }
html body .ga-occ__a { grid-row: span 2; }
html body .ga-occ__a img { aspect-ratio: 3/4.4; }
html body .ga-occ__b { margin-top: 20%; }
html body .ga-occ__b img, html body .ga-occ__c img { aspect-ratio: 1; }
html body .ga-occ-panel__media img { border-radius: 18px; }
html body .ga-h-occ .ga-hero__raute { position: absolute; left: 0; right: 0; bottom: 0; }
/* Size guide page */
html body .e-con.ga-skin-modern.ga-sp-head > .e-con.ga-wrap { gap: 16px; align-items: center; }
html body .ga-skin-modern .ga-sp-head .ga-lede { max-width: 60ch; }