/* =========================================================================
   SANTA SCROLLS — brand layer
   Classic, elegant, magical: Victorian crimson lettering, cream parchment,
   gold filigree, evergreen and holly, and a starry North Pole night.

   Use these classes in Elementor (Advanced → CSS Classes):
     Sections:  ss-night  ss-snow  ss-parchment  ss-cream  ss-crimson  ss-evergreen
     Framing:   ss-frame  ss-card  ss-holly
     Type:      ss-eyebrow  ss-script  ss-lede  ss-ink-light
     Buttons:   ss-btn  ss-btn-ghost  ss-btn-gold
     Pieces:    ss-divider (HTML widget: <div class="ss-divider"></div>)
                ss-medallion  ss-step  ss-feature  ss-faq  ss-header  ss-footer
   ========================================================================= */

:root {
  --ss-crimson: #8b1a1a;
  --ss-crimson-deep: #5e0f12;
  --ss-gold: #b8862f;
  --ss-gold-light: #e8c46a;
  --ss-evergreen: #1f4a2c;
  --ss-evergreen-deep: #10301b;
  --ss-ink: #2b1a10;
  --ss-ink-soft: #5a4636;
  --ss-parchment: #f3e6cb;
  --ss-cream: #fbf5e8;
  --ss-night: #0f0d24;
  --ss-night-2: #1d1645;
  --ss-snow: #fffaf0;
  --ss-display: 'Cinzel Decorative', 'Cinzel', Georgia, serif;
  --ss-heading: 'Cinzel', Georgia, serif;
  --ss-body: 'Crimson Pro', Georgia, 'Times New Roman', serif;
  --ss-script: 'Great Vibes', 'Snell Roundhand', cursive;
  --ss-flourish: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 44'%3E%3Cdefs%3E%3ClinearGradient id='l' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23b8862f' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23b8862f'/%3E%3C/linearGradient%3E%3ClinearGradient id='r' x1='1' x2='0'%3E%3Cstop offset='0' stop-color='%23b8862f' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23b8862f'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M8 22H150' stroke='url(%23l)' stroke-width='1.4'/%3E%3Cpath d='M270 22H412' stroke='url(%23r)' stroke-width='1.4'/%3E%3Cg fill='none' stroke='%23b8862f' stroke-width='1.4' stroke-linecap='round'%3E%3Cpath d='M150 22c12 0 16-11 27-11 9 0 11 9 4 11-5 1-7-4-3-5'/%3E%3Cpath d='M150 22c12 0 16 11 27 11 9 0 11-9 4-11-5-1-7 4-3 5'/%3E%3Cpath d='M270 22c-12 0-16-11-27-11-9 0-11 9-4 11 5 1 7-4 3-5'/%3E%3Cpath d='M270 22c-12 0-16 11-27 11-9 0-11-9-4-11 5-1 7 4 3 5'/%3E%3C/g%3E%3Cg stroke='%23b8862f' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M210 8v28M198 15l24 14M198 29l24-14'/%3E%3C/g%3E%3Ccircle cx='210' cy='22' r='3.2' fill='%238b1a1a'/%3E%3Ccircle cx='192' cy='22' r='2.4' fill='%238b1a1a'/%3E%3Ccircle cx='228' cy='22' r='2.4' fill='%238b1a1a'/%3E%3C/svg%3E");
  --ss-corner-tl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 70'%3E%3Cg transform=''%3E%3Cg fill='none' stroke='%23b8862f' stroke-linecap='round'%3E%3Cpath d='M3 67V18Q3 3 18 3h49' stroke-width='1.6'/%3E%3Cpath d='M10 67V22q0-12 12-12h45' stroke-width='.8'/%3E%3Cpath d='M18 30c0-8 4-12 12-12 6 0 8 6 3 8-4 1-5-3-2-4' stroke-width='1.3'/%3E%3C/g%3E%3Ccircle cx='10' cy='10' r='2.6' fill='%238b1a1a'/%3E%3C/g%3E%3C/svg%3E");
  --ss-corner-tr: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 70'%3E%3Cg transform='translate(70 0) scale(-1 1)'%3E%3Cg fill='none' stroke='%23b8862f' stroke-linecap='round'%3E%3Cpath d='M3 67V18Q3 3 18 3h49' stroke-width='1.6'/%3E%3Cpath d='M10 67V22q0-12 12-12h45' stroke-width='.8'/%3E%3Cpath d='M18 30c0-8 4-12 12-12 6 0 8 6 3 8-4 1-5-3-2-4' stroke-width='1.3'/%3E%3C/g%3E%3Ccircle cx='10' cy='10' r='2.6' fill='%238b1a1a'/%3E%3C/g%3E%3C/svg%3E");
  --ss-corner-bl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 70'%3E%3Cg transform='translate(0 70) scale(1 -1)'%3E%3Cg fill='none' stroke='%23b8862f' stroke-linecap='round'%3E%3Cpath d='M3 67V18Q3 3 18 3h49' stroke-width='1.6'/%3E%3Cpath d='M10 67V22q0-12 12-12h45' stroke-width='.8'/%3E%3Cpath d='M18 30c0-8 4-12 12-12 6 0 8 6 3 8-4 1-5-3-2-4' stroke-width='1.3'/%3E%3C/g%3E%3Ccircle cx='10' cy='10' r='2.6' fill='%238b1a1a'/%3E%3C/g%3E%3C/svg%3E");
  --ss-corner-br: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 70'%3E%3Cg transform='translate(70 70) scale(-1 -1)'%3E%3Cg fill='none' stroke='%23b8862f' stroke-linecap='round'%3E%3Cpath d='M3 67V18Q3 3 18 3h49' stroke-width='1.6'/%3E%3Cpath d='M10 67V22q0-12 12-12h45' stroke-width='.8'/%3E%3Cpath d='M18 30c0-8 4-12 12-12 6 0 8 6 3 8-4 1-5-3-2-4' stroke-width='1.3'/%3E%3C/g%3E%3Ccircle cx='10' cy='10' r='2.6' fill='%238b1a1a'/%3E%3C/g%3E%3C/svg%3E");
}

/* ---------- Base ---------- */
body {
  background: var(--ss-cream);
  color: var(--ss-ink);
  font-family: var(--ss-body);
  font-size: 19px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 { font-family: var(--ss-heading); color: var(--ss-crimson); letter-spacing: .02em; line-height: 1.2; }
a { color: var(--ss-crimson); }
a:hover, a:focus { color: var(--ss-crimson-deep); }
::selection { background: var(--ss-gold-light); color: var(--ss-ink); }

/* ---------- Section backgrounds ---------- */
.ss-night {
  position: relative;
  background: radial-gradient(ellipse 120% 80% at 50% 0%, var(--ss-night-2) 0%, var(--ss-night) 62%, #08071a 100%) !important;
  color: rgba(251, 245, 232, .88);
  overflow: hidden;
  isolation: isolate;
}
.ss-night::before { /* star field */
  content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background-image:
    radial-gradient(1.2px 1.2px at 12% 18%, #fff 50%, transparent 52%),
    radial-gradient(1px 1px at 27% 62%, #fff 50%, transparent 52%),
    radial-gradient(1.6px 1.6px at 41% 32%, #fff6d8 50%, transparent 52%),
    radial-gradient(1px 1px at 55% 78%, #fff 50%, transparent 52%),
    radial-gradient(1.3px 1.3px at 68% 14%, #fff 50%, transparent 52%),
    radial-gradient(1px 1px at 79% 49%, #fff 50%, transparent 52%),
    radial-gradient(1.8px 1.8px at 88% 24%, #fff3c4 50%, transparent 52%),
    radial-gradient(1px 1px at 94% 84%, #fff 50%, transparent 52%),
    radial-gradient(1.1px 1.1px at 6% 88%, #fff 50%, transparent 52%),
    radial-gradient(1px 1px at 34% 8%, #fff 50%, transparent 52%);
  background-size: 360px 300px;
  opacity: .75;
  animation: ss-twinkle 6s ease-in-out infinite alternate;
}
.ss-night::after { /* soft aurora */
  content: ''; position: absolute; left: -20%; right: -20%; top: 0; height: 55%; z-index: 0; pointer-events: none;
  background: linear-gradient(180deg, transparent 0%, rgba(40, 180, 110, .07) 35%, rgba(90, 60, 190, .06) 65%, transparent 100%);
  filter: blur(8px);
  animation: ss-aurora 14s ease-in-out infinite alternate;
}
.ss-night > * { position: relative; z-index: 1; }
.ss-night h1, .ss-night h2, .ss-night h3, .ss-night h4 { color: var(--ss-gold-light); }
.ss-night a:not(.elementor-button) { color: var(--ss-gold-light); }
@keyframes ss-twinkle { from { opacity: .45; } to { opacity: .9; } }
@keyframes ss-aurora { from { transform: translateX(-4%) skewX(-3deg); } to { transform: translateX(4%) skewX(3deg); } }

/* Falling snow — add alongside ss-night */
.ss-snow.ss-night::after {
  content: ''; position: absolute; inset: -300px 0 0 0; z-index: 0; pointer-events: none; height: auto; left: 0; right: 0; filter: none;
  background-image:
    radial-gradient(2.4px 2.4px at 10% 20%, rgba(255,255,255,.9) 50%, transparent 52%),
    radial-gradient(1.8px 1.8px at 30% 70%, rgba(255,255,255,.75) 50%, transparent 52%),
    radial-gradient(2.8px 2.8px at 52% 40%, rgba(255,255,255,.85) 50%, transparent 52%),
    radial-gradient(1.6px 1.6px at 70% 85%, rgba(255,255,255,.7) 50%, transparent 52%),
    radial-gradient(2.2px 2.2px at 88% 15%, rgba(255,255,255,.8) 50%, transparent 52%),
    radial-gradient(1.4px 1.4px at 64% 8%, rgba(255,255,255,.65) 50%, transparent 52%);
  background-size: 300px 300px;
  animation: ss-snowfall 18s linear infinite;
  opacity: .55;
}
@keyframes ss-snowfall { from { transform: translateY(0); } to { transform: translateY(300px); } }

.ss-parchment {
  background-color: var(--ss-parchment) !important;
  background-image: var(--ss-parchment-img) !important;
  background-size: 640px 640px !important;
  color: var(--ss-ink);
}
.ss-cream { background-color: var(--ss-cream) !important; color: var(--ss-ink); }
.ss-crimson {
  background: radial-gradient(ellipse at 50% 0%, #a3232a 0%, var(--ss-crimson) 45%, var(--ss-crimson-deep) 100%) !important;
  color: var(--ss-cream);
}
.ss-crimson h1, .ss-crimson h2, .ss-crimson h3 { color: var(--ss-gold-light); }
.ss-evergreen {
  background: radial-gradient(ellipse at 50% 0%, #2b6140 0%, var(--ss-evergreen) 50%, var(--ss-evergreen-deep) 100%) !important;
  color: var(--ss-cream);
}
.ss-evergreen h1, .ss-evergreen h2, .ss-evergreen h3 { color: var(--ss-gold-light); }

/* Gold rule top/bottom on a band */
.ss-ruled { box-shadow: inset 0 3px 0 -1px var(--ss-gold), inset 0 6px 0 -5px var(--ss-gold), inset 0 -3px 0 -1px var(--ss-gold), inset 0 -6px 0 -5px var(--ss-gold); }

/* ---------- Frames & cards ---------- */
.ss-frame { position: relative; }
.ss-frame::before {
  content: ''; position: absolute; inset: 14px; pointer-events: none; z-index: 2;
  border: 1px solid rgba(184, 134, 47, .75);
  box-shadow: inset 0 0 0 4px transparent, inset 0 0 0 5px rgba(184, 134, 47, .45);
  background:
    var(--ss-corner-tl) top left / 56px 56px no-repeat,
    var(--ss-corner-tr) top right / 56px 56px no-repeat,
    var(--ss-corner-bl) bottom left / 56px 56px no-repeat,
    var(--ss-corner-br) bottom right / 56px 56px no-repeat;
}

.ss-card {
  position: relative;
  background-color: var(--ss-cream);
  background-image: var(--ss-parchment-img);
  background-size: 520px 520px;
  border: 1px solid rgba(184, 134, 47, .55);
  outline: 1px solid rgba(184, 134, 47, .35);
  outline-offset: -8px;
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(255,255,255,.6) inset, 0 18px 40px -18px rgba(43, 26, 16, .45);
  color: var(--ss-ink);
}
.ss-night .ss-card, .ss-crimson .ss-card, .ss-evergreen .ss-card { box-shadow: 0 24px 60px -20px rgba(0,0,0,.7); }
.ss-card h3, .ss-card h4 { color: var(--ss-crimson); }

/* Holly sprigs tucked into two corners */
.ss-holly { position: relative; }
.ss-holly::before, .ss-holly::after {
  content: ''; position: absolute; width: 110px; height: 110px; z-index: 3; pointer-events: none;
  background: var(--ss-holly-a) center / contain no-repeat;
  filter: drop-shadow(0 4px 6px rgba(0,0,0,.25));
}
.ss-holly::before { top: -26px; left: -22px; transform: rotate(-12deg); }
.ss-holly::after { bottom: -26px; right: -22px; background-image: var(--ss-holly-b); transform: rotate(160deg); }

/* ---------- Typography helpers ---------- */
.ss-eyebrow, .ss-eyebrow .elementor-heading-title {
  font-family: var(--ss-heading) !important; font-size: 13px !important; font-weight: 600 !important;
  letter-spacing: .32em !important; text-transform: uppercase; color: var(--ss-gold) !important;
}
.ss-night .ss-eyebrow, .ss-night .ss-eyebrow .elementor-heading-title,
.ss-crimson .ss-eyebrow .elementor-heading-title, .ss-evergreen .ss-eyebrow .elementor-heading-title { color: var(--ss-gold-light) !important; }
.ss-script, .ss-script .elementor-heading-title { font-family: var(--ss-script) !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important; }
.ss-lede, .ss-lede p { font-size: 1.22em; line-height: 1.55; }
.ss-ink-light, .ss-ink-light p { color: rgba(251, 245, 232, .85); }
.ss-display .elementor-heading-title { font-family: var(--ss-display) !important; }

/* Flourish divider: HTML widget with <div class="ss-divider"></div> */
.ss-divider { height: 44px; max-width: 420px; margin: 6px auto; background: var(--ss-flourish) center / contain no-repeat; }
.ss-divider.ss-left { margin-left: 0; }
.ss-divider.ss-sm { height: 30px; max-width: 280px; }

/* ---------- Buttons (Elementor button widget: add class to the widget) ---------- */
.ss-btn .elementor-button, .ss-btn-ghost .elementor-button, .ss-btn-gold .elementor-button,
.woocommerce a.button, .woocommerce button.button, .wc-block-components-button:not(.is-link) {
  font-family: var(--ss-heading) !important; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; font-size: 14px;
  border-radius: 2px; padding: 17px 30px; transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
.ss-btn .elementor-button, .woocommerce a.button.alt, .woocommerce button.button.alt, .wc-block-components-button:not(.is-link) {
  background: linear-gradient(180deg, #a3232a 0%, var(--ss-crimson) 55%, var(--ss-crimson-deep) 100%) !important;
  color: var(--ss-gold-light) !important; border: 1px solid var(--ss-gold) !important;
  box-shadow: inset 0 0 0 3px rgba(94, 15, 18, 1), inset 0 0 0 4px rgba(232, 196, 106, .55), 0 10px 24px -10px rgba(94, 15, 18, .8);
}
.ss-btn .elementor-button:hover, .wc-block-components-button:not(.is-link):hover { transform: translateY(-2px); color: #fff3cf !important; box-shadow: inset 0 0 0 3px rgba(94,15,18,1), inset 0 0 0 4px rgba(232,196,106,.8), 0 16px 30px -12px rgba(94,15,18,.9); }
.ss-btn-ghost .elementor-button { background: transparent !important; color: var(--ss-crimson) !important; border: 1px solid var(--ss-gold) !important; }
.ss-btn-ghost .elementor-button:hover { background: rgba(184, 134, 47, .12) !important; transform: translateY(-2px); }
.ss-night .ss-btn-ghost .elementor-button, .ss-crimson .ss-btn-ghost .elementor-button, .ss-evergreen .ss-btn-ghost .elementor-button { color: var(--ss-gold-light) !important; }
.ss-btn-gold .elementor-button { background: linear-gradient(180deg, #f3d98f 0%, var(--ss-gold-light) 45%, var(--ss-gold) 100%) !important; color: var(--ss-crimson-deep) !important; border: 1px solid #7a5717 !important; }
.ss-btn-gold .elementor-button:hover { transform: translateY(-2px); }

/* ---------- Pieces ---------- */
.ss-medallion {
  width: 74px; height: 74px; margin: 0 auto 18px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--ss-display); font-size: 26px; font-weight: 700; color: var(--ss-gold-light);
  background: radial-gradient(circle at 35% 30%, #b0282f 0%, var(--ss-crimson) 45%, var(--ss-crimson-deep) 100%);
  border: 2px solid var(--ss-gold); box-shadow: 0 0 0 4px rgba(184,134,47,.25), 0 10px 20px -8px rgba(0,0,0,.5);
}
.ss-step { text-align: center; padding: 34px 28px 30px; }
.ss-step h3 { font-size: 21px; margin: 0 0 10px; }
.ss-step p { margin: 0; color: var(--ss-ink-soft); }

.ss-feature { text-align: center; }
.ss-feature .ss-icon { font-size: 30px; line-height: 1; margin-bottom: 10px; display: block; }
.ss-feature h4 { font-size: 14px; letter-spacing: .18em; text-transform: uppercase; margin: 0 0 6px; color: var(--ss-crimson); }
.ss-feature p { margin: 0; font-size: 17px; color: var(--ss-ink-soft); line-height: 1.45; }
.ss-night .ss-feature h4 { color: var(--ss-gold-light); }
.ss-night .ss-feature p { color: rgba(251,245,232,.75); }

.ss-list { list-style: none; margin: 0; padding: 0; }
.ss-list li { position: relative; padding: 6px 0 6px 30px; }
.ss-list li::before { content: '❄'; position: absolute; left: 2px; top: 6px; color: var(--ss-gold); font-size: 15px; }

/* Sample scroll figure */
.ss-sample { margin: 0 auto; max-width: 520px; transform: rotate(var(--ss-tilt, 0deg)); }
.ss-sample .ssb-sheet-stage { box-shadow: 0 2px 0 rgba(255,255,255,.05), 0 40px 80px -30px rgba(0,0,0,.85), 0 0 0 1px rgba(184,134,47,.5); }
.ss-sample figcaption { margin-top: 18px; text-align: center; font-style: italic; font-size: 15px; opacity: .75; }

/* FAQ (Elementor accordion / toggle): add ss-faq to the widget */
.ss-faq .elementor-tab-title, .ss-faq .e-n-accordion-item-title, .ss-faq summary { font-family: var(--ss-heading) !important; letter-spacing: .04em; color: var(--ss-crimson) !important; }
.ss-faq .elementor-accordion-item, .ss-faq .elementor-toggle-item, .ss-faq details { border-color: rgba(184,134,47,.45) !important; background: rgba(251,245,232,.6); }
.ss-faq details[open] summary { color: var(--ss-crimson-deep) !important; }

/* ---------- Header ---------- */
.ss-header {
  background-color: var(--ss-cream) !important;
  background-image: var(--ss-parchment-img) !important; background-size: 640px 640px !important;
  box-shadow: inset 0 -3px 0 -1px var(--ss-gold), inset 0 -6px 0 -5px var(--ss-gold), 0 8px 24px -16px rgba(43,26,16,.5);
  position: relative; z-index: 50;
}
.ss-header .ss-wordmark .elementor-heading-title { font-family: var(--ss-display) !important; color: var(--ss-crimson); font-size: 26px; font-weight: 700; letter-spacing: .02em; line-height: 1; }
.ss-header .ss-tag .elementor-heading-title { font-family: var(--ss-heading); font-size: 10.5px; letter-spacing: .3em; text-transform: uppercase; color: var(--ss-gold); margin-top: 4px; }
.ss-header .elementor-nav-menu a.elementor-item {
  font-family: var(--ss-heading) !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: .14em !important;
  text-transform: uppercase; color: var(--ss-ink) !important; padding: 10px 12px !important;
}
.ss-header .elementor-nav-menu a.elementor-item:hover, .ss-header .elementor-nav-menu a.elementor-item.elementor-item-active { color: var(--ss-crimson) !important; }
.ss-header .elementor-nav-menu--main .elementor-item::after { background-color: var(--ss-gold) !important; height: 1px !important; }
.ss-header .elementor-menu-toggle { color: var(--ss-crimson); background: transparent; border: 1px solid rgba(184,134,47,.6); }
.ss-header .elementor-nav-menu--dropdown { background: var(--ss-cream) !important; border-top: 1px solid var(--ss-gold); }
.ss-header .elementor-nav-menu--dropdown a { font-family: var(--ss-heading) !important; letter-spacing: .12em; text-transform: uppercase; font-size: 14px !important; color: var(--ss-ink) !important; }
.ss-header .ss-btn .elementor-button { padding: 13px 20px; font-size: 12.5px; }

/* Announcement bar */
.ss-announce { font-family: var(--ss-heading); font-size: 12px; letter-spacing: .22em; text-transform: uppercase; }
.ss-announce p { margin: 0; }

/* ---------- Footer ---------- */
.ss-footer { font-size: 17px; }
.ss-footer h4, .ss-footer .elementor-heading-title { font-family: var(--ss-heading) !important; font-size: 13px !important; letter-spacing: .26em !important; text-transform: uppercase; color: var(--ss-gold-light) !important; }
.ss-footer .ss-wordmark .elementor-heading-title { font-family: var(--ss-display) !important; font-size: 28px !important; letter-spacing: .02em !important; text-transform: none; color: var(--ss-gold-light) !important; }
.ss-footer a, .ss-footer .elementor-nav-menu a { color: rgba(251,245,232,.8) !important; font-family: var(--ss-body) !important; font-size: 17px !important; letter-spacing: 0 !important; text-transform: none !important; }
.ss-footer a:hover { color: var(--ss-gold-light) !important; }
.ss-footer .ss-legal, .ss-footer .ss-legal p { font-size: 14px; color: rgba(251,245,232,.55); letter-spacing: .04em; }

/* ---------- Page title band (inner pages) ---------- */
.ss-page-hero h1 .elementor-heading-title, .ss-page-hero .elementor-heading-title.ss-h1 { font-family: var(--ss-display) !important; }

/* ---------- WooCommerce touches ---------- */
.woocommerce, .wc-block-cart, .wc-block-checkout { font-family: var(--ss-body); }
.wc-block-components-title, .wc-block-cart__totals-title, .woocommerce h2, .woocommerce h3 { font-family: var(--ss-heading) !important; color: var(--ss-crimson); letter-spacing: .06em; }
.wc-block-components-product-name, .woocommerce-cart-form .product-name a { font-family: var(--ss-heading); color: var(--ss-crimson) !important; }
.wc-block-components-product-details, .wc-item-meta { font-size: 15px; }
.wc-block-components-notice-banner.is-success { border-color: var(--ss-evergreen); background: #eef5ee; }

/* ---------- Motion & mobile ---------- */
@media (prefers-reduced-motion: reduce) {
  .ss-night::before, .ss-night::after, .ss-snow.ss-night::after { animation: none !important; }
}
@media (max-width: 767px) {
  body { font-size: 18px; }
  .ss-holly::before, .ss-holly::after { width: 76px; height: 76px; }
  .ss-frame::before { inset: 8px; background-size: 40px 40px, 40px 40px, 40px 40px, 40px 40px; }
  .ss-header .ss-wordmark .elementor-heading-title { font-size: 21px; }
  .ss-sample { transform: none; }
}