/**
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
Version: 4.8.10
Requires at least: 5.3
WC requires at least: 3.0
WC tested up to: 9.3
Tested up to: 6.7
Requires PHP: 5.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: safe-paws
Domain Path: /languages
Tags: custom-menu, custom-logo, entertainment, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog
AMP: true

Astra WordPress Theme, Copyright 2020 WPAstra.
Astra is distributed under the terms of the GNU GPL.

Astra is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of.
Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/

Astra icon font is based on IcoMoon-Free vector icon by Keyamoon.
IcoMoon-Free vector icon distributed under terms of CC BY 4.0 or GPL. (https://creativecommons.org/licenses/by/4.0/ or https://www.gnu.org/licenses/gpl.html)
Source: http://keyamoon.com/

Flexibility is a JavaScript polyfill for Flexbox By Jonathan Neal, 10up. (https://github.com/jonathantneal/flexibility)
Licensed under MIT ( https://github.com/jonathantneal/flexibility/blob/master/LICENSE.md )

Screenshot image is a collage of actual sites created using the Astra WordPress Theme.

Icons used in the Screenshot image are all licensed under Creative Commons ( CC BY 4.0 ) License ( https://fontawesome.com/license/free )
https://fontawesome.com/v5.15/icons/store?style=solid
https://fontawesome.com/v5.15/icons/shopping-cart?style=solid
https://fontawesome.com/v5.15/icons/pen-square?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid

Illustrations used in the Screenshot images are all licensed under Creative Commons ( CC0 ) License ( https://gumroad.com/l/humaaans )
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/standing-24.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/sitting-2.png

Hand-drawn illustrations used are created by Brainstorm Force and released under Creative Commons ( CC0 ) License.
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/girl-with-image-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/boy-with-code-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/web-browser.png

The same site as screenshot can be imported from here https://websitedemos.net/web-design-agency-08/.

For more information, refer to this document on how to create a page like in the screenshot - https://wpastra.com/docs/replicating-the-screenshot/.

Astra default breadcrumb is based on Breadcrumb Trail by Justin Tadlock. (https://github.com/justintadlock/breadcrumb-trail)
Breadcrumb Trail is distributed under the terms of the GNU GPL v2 or later.

Astra local fonts feature is based on Webfonts Loader by WordPress Themes Team (WPTT). (https://github.com/WPTT/webfont-loader)
Licensed under MIT ( https://github.com/WPTT/webfont-loader/blob/master/LICENSE )

/* Note: The CSS files are loaded from assets/css/ folder. */

/* =========================================================
 * GDC client remediation — maintained in the active child theme
 * ========================================================= */

/* Dedicated Subscribe page. */
.page-id-3897 .entry-header { display: none !important; }
.page-id-3897 .spcr-subscribe-shell {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding: 64px 24px 76px !important;
  background: #f3faf5;
  text-align: center;
}
.page-id-3897 .spcr-subscribe-heading {
  margin: 0 auto 14px !important;
  color: #173126;
  font-size: 36px !important;
  line-height: 1.15 !important;
}
.page-id-3897 .spcr-subscribe-copy {
  max-width: 720px;
  margin: 0 auto 28px !important;
  color: #27473a;
  font-size: 20px !important;
  line-height: 1.45 !important;
}
.page-id-3897 #spcr-subscribe-form-body {
  width: min(620px, 100%);
  margin: 0 auto;
  padding: 26px;
  border-radius: 18px;
  background: #0f9848;
  box-shadow: 0 16px 34px rgba(8, 76, 37, .16);
  text-align: left;
}
.page-id-3897 footer .footer-signup { display: none !important; }

/* Keep reCAPTCHA and TrustedSite in separate lower-right lanes. */
.grecaptcha-badge { bottom: 58px !important; }
#trustedsite-tm-image,
.trustedsite-floating-element { bottom: 10px !important; }

/* Main Shop category cards: image first, label below at every breakpoint. */
.page-id-3007 .woocommerce ul.products li.product.product-category {
  height: auto !important;
  overflow: visible !important;
}
.page-id-3007 .woocommerce ul.products li.product.product-category > a {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  text-decoration: none;
}
.page-id-3007 .woocommerce ul.products li.product.product-category img {
  order: 1;
  width: 100% !important;
  margin: 0 !important;
}
.page-id-3007 .woocommerce ul.products li.product.product-category .woocommerce-loop-category__title {
  position: static !important;
  inset: auto !important;
  order: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  min-height: 64px;
  margin: 0 !important;
  padding: 12px 8px !important;
  box-sizing: border-box;
  background: #fff !important;
  text-align: center;
}

/* Header and popup layers must cover the page, not sit underneath it. */
.elementor-location-header,
.ekit-template-content-header { position: relative; z-index: 10000; }
.elementskit-menu-container.elementskit-menu-offcanvas-elements { z-index: 2147482000 !important; }
.elementskit-menu-overlay.elementskit-menu-offcanvas-elements { z-index: 2147481900 !important; }
.elementskit-menu-overlay.elementskit-menu-offcanvas-elements:not(.active) {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.elementskit-menu-overlay.elementskit-menu-offcanvas-elements.active {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.ays-pb-modals,
.ays-pb-modal,
[id^="ays-pb-screen-shade"] { z-index: 2147483000 !important; }
[id^="ays-pb-screen-shade"] { z-index: 2147482900 !important; }
.ays-pb-modal-close,
.ays-pb-modal-close[class*="ays-pb-modal-close_"] {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  place-items: center;
  width: 42px !important;
  height: 42px !important;
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  left: auto !important;
  border: 2px solid rgba(255,255,255,.9) !important;
  border-radius: 50% !important;
  background: rgba(0,0,0,.35) !important;
  color: #fff !important;
  cursor: pointer;
  line-height: 1 !important;
}
.ays-pb-modal-close::before {
  content: "×";
  color: inherit;
  font: 700 30px/1 Arial, sans-serif;
}

/* Native child-theme 404. */
.gdc-error-page {
  min-height: 66vh;
  display: grid;
  place-items: center;
  padding: clamp(56px, 8vw, 110px) 20px;
  background: linear-gradient(145deg, #f3faf5, #fff 55%, #fff8e8);
}
.gdc-error-card { width: min(780px, 100%); text-align: center; }
.gdc-error-eyebrow {
  margin: 0 0 5px;
  color: #0f9848;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.gdc-error-code {
  margin: 0;
  color: #0f9848;
  font-size: clamp(76px, 15vw, 150px);
  font-weight: 800;
  line-height: .9;
  opacity: .13;
}
.gdc-error-card h1 {
  margin: -20px 0 16px;
  color: #173126;
  font-size: clamp(34px, 6vw, 60px);
  line-height: 1.05;
}
.gdc-error-card > p:not(.gdc-error-eyebrow):not(.gdc-error-code) {
  max-width: 620px;
  margin: 0 auto 30px;
  color: #44554d;
  font-size: 18px;
}
.gdc-error-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.gdc-error-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 11px 19px;
  border: 2px solid #0f9848;
  border-radius: 7px;
  color: #0b7438;
  font-weight: 700;
  text-decoration: none;
}
.gdc-error-button:hover,
.gdc-error-button:focus-visible,
.gdc-error-button-primary { background: #0f9848; color: #fff; }
.gdc-error-search {
  max-width: 540px;
  margin: 40px auto 0;
  padding-top: 28px;
  border-top: 1px solid #d8e7dd;
}
.gdc-error-search h2 { margin: 0 0 12px; font-size: 18px; }
.gdc-error-search form { display: flex; gap: 8px; }
.gdc-error-search input[type="search"] { min-width: 0; flex: 1; }

@media (max-width: 1024px) {
  html,
  body { overflow-x: hidden !important; }
  .elementskit-menu-container.elementskit-menu-offcanvas-elements {
    position: fixed !important;
    top: 0 !important;
    bottom: auto !important;
    width: min(88vw, 360px) !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  .elementskit-menu-overlay.elementskit-menu-offcanvas-elements {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
  }
  .elementskit-menu-container .elementskit-navbar-nav { max-height: none !important; overflow: visible !important; }
  .ays-pb-modal {
    width: min(92vw, 680px) !important;
    max-width: 92vw !important;
    height: auto !important;
    max-height: 88vh !important;
    max-height: 88dvh !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  .ays-pb-modal .ays_content_box { padding: 52px 22px 24px !important; overflow: visible !important; }
  .grecaptcha-badge {
    right: -186px !important;
    bottom: 66px !important;
    transform: none !important;
    transition: right .3s ease !important;
  }
  .grecaptcha-badge:hover,
  .grecaptcha-badge:focus-within { right: 8px !important; }
  #trustedsite-tm-image,
  .trustedsite-floating-element { bottom: 8px !important; }
  .gdc-error-actions { align-items: stretch; flex-direction: column; }
  .gdc-error-button { width: 100%; }
}

@media (max-width: 420px) {
  .elementor-12 .elementor-element-6bde9de .elementskit-btn { right: 10px !important; }
  .page-id-3897 .spcr-subscribe-shell { padding: 42px 16px 54px !important; }
  .page-id-3897 .spcr-subscribe-heading { font-size: 28px !important; }
  .page-id-3897 .spcr-subscribe-copy { font-size: 18px !important; }
  .page-id-3897 #spcr-subscribe-form-body { padding: 18px; border-radius: 14px; }
  .gdc-error-page { padding-inline: 16px; }
  .gdc-error-search form { flex-direction: column; }
}

/* The bespoke courier cards and single delivery fee are the shipping UI.
   Hide WooCommerce's zero-cost compatibility method and its supplier notes. */
.woocommerce-cart tr.woocommerce-shipping-totals.shipping,
.woocommerce-checkout tr.woocommerce-shipping-totals.shipping {
  display: none !important;
}

/* Membership renewal summary: visibly separate future charges from today's order. */
.woocommerce-checkout-review-order-table tr.recurring-totals th {
  padding: 14px 16px !important;
  border: 0 !important;
  border-top: 2px solid #0f9848 !important;
  border-radius: 12px 12px 0 0;
  background: #eaf8ef !important;
  color: #12663b !important;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .02em;
}
.woocommerce-checkout-review-order-table tr.recurring-total th,
.woocommerce-checkout-review-order-table tr.recurring-total td {
  padding: 9px 16px !important;
  border: 0 !important;
  background: #f7fcf8 !important;
  color: #28533c;
  font-size: 13px;
  line-height: 1.35;
}
.woocommerce-checkout-review-order-table tr.recurring-total th {
  font-weight: 600;
}
.woocommerce-checkout-review-order-table tr.recurring-total td {
  color: #12663b;
  font-weight: 800;
  text-align: right;
}
.woocommerce-checkout-review-order-table tr.recurring-total:last-child th {
  border-radius: 0 0 0 12px;
  padding-bottom: 14px !important;
}
.woocommerce-checkout-review-order-table tr.recurring-total:last-child td {
  border-radius: 0 0 12px 0;
  padding-bottom: 14px !important;
}

@media (max-width: 544px) {
  .woocommerce-checkout-review-order-table tr.recurring-totals th,
  .woocommerce-checkout-review-order-table tr.recurring-total th,
  .woocommerce-checkout-review-order-table tr.recurring-total td {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* Size guide: editorial, easy to scan, and restrained on mobile. */
.spf-elementor-size-guide { margin: 28px 0 14px; padding: clamp(22px,4vw,42px); border: 1px solid #dcebe1; border-radius: 20px; background: #f7fbf8; }
.spf-elementor-size-intro { max-width: 690px; margin-inline: auto; text-align: center; }
.spf-elementor-size-eyebrow .elementor-widget-container { color: #098c45; font-size: 12px; font-weight: 800; letter-spacing: .08em; line-height: 1.4; text-transform: uppercase; }
.spf-elementor-size-eyebrow p,
.spf-elementor-size-copy p,
.spf-elementor-size-description p { margin: 0; }
.spf-elementor-size-title .elementor-heading-title { margin: 0; color: #17382a !important; font-size: clamp(25px,3vw,36px) !important; line-height: 1.15 !important; }
.spf-elementor-size-copy .elementor-widget-container { color: #466254 !important; line-height: 1.5 !important; }
.spf-elementor-size-grid { margin-top: 24px; }
.spf-elementor-size-grid,
.spf-elementor-size-grid > .e-con-inner { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px !important; }
.spf-elementor-size-card { display: block !important; overflow: hidden; min-width: 0; border: 1px solid #deebe2; border-radius: 14px; background: #fff; text-align: center; }
.spf-elementor-size-image .elementor-widget-container { background: #fff; }
.spf-elementor-size-image img { display: block; width: 100%; aspect-ratio: 3 / 1; object-fit: contain; padding: 10px; background: #fff; }
.spf-elementor-size-label .elementor-heading-title { margin: 0; color: #087c3c !important; font-size: 23px !important; line-height: 1.2 !important; }
.spf-elementor-size-description .elementor-widget-container { min-height: 42px; margin: 3px 10px 14px; color: #597064 !important; font-size: 13px !important; line-height: 1.35 !important; }
.spf-lost-pet-shop-link { display: flex; align-items: center; justify-content: space-between; gap: 24px; max-width: 960px; margin: 34px auto; padding: 28px 30px; border-radius: 18px; background: #087f3f; color: #fff; }
.spf-lost-pet-shop-link p { margin: 0 0 4px; color: inherit; }
.spf-lost-pet-shop-link h2 { margin: 0 0 6px; color: #fff; }
.spf-lost-pet-shop-link .button { flex: 0 0 auto; border: 2px solid #fff; border-radius: 999px; background: #fff; color: #087f3f; font-weight: 800; white-space: nowrap; }
.spf-lost-pet-shop-link .button:hover, .spf-lost-pet-shop-link .button:focus { border-color: #17382a; background: #17382a; color: #fff; }
.spf-checkout-delivery-choice { box-sizing: border-box; width: 100%; margin: 18px 0; padding: 18px; border: 1px solid #cfe3d6; border-radius: 14px; background: #f7fbf8; }
.spf-checkout-delivery-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.spf-checkout-delivery-heading h3 { margin: 0 0 3px; color: #17382a; font-size: 19px; line-height: 1.2; }
.spf-checkout-delivery-heading p { margin: 0; color: #597064; font-size: 13px; line-height: 1.4; }
.spf-checkout-delivery-heading > span { flex: 0 0 auto; padding: 5px 9px; border-radius: 999px; background: #e5f5eb; color: #087c3c; font-size: 13px; font-weight: 800; white-space: nowrap; }
.spf-checkout-couriers { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.spf-checkout-couriers label { position: relative; display: flex !important; align-items: flex-start; gap: 9px; box-sizing: border-box; min-height: 78px; margin: 0 !important; padding: 13px !important; border: 2px solid #dce8e0; border-radius: 12px; background: #fff; color: #17382a; cursor: pointer; }
.spf-checkout-couriers label.is-selected { border-color: #079548; background: #effaf3; box-shadow: 0 0 0 2px rgba(7,149,72,.08); }
.spf-checkout-couriers input[type="radio"] { position: static !important; flex: 0 0 auto; width: 17px !important; height: 17px !important; margin: 2px 0 0 !important; opacity: 1 !important; appearance: auto !important; }
.spf-checkout-couriers label > span { display: block; min-width: 0; }
.spf-checkout-couriers strong, .spf-checkout-couriers small { display: block; }
.spf-checkout-couriers strong { color: #17382a; font-size: 14px; line-height: 1.3; }
.spf-checkout-couriers small { margin-top: 3px; color: #607568; font-size: 11px; line-height: 1.35; }
.spf-checkout-location-wrap { display: block !important; margin: 14px 0 0 !important; color: #17382a; font-size: 13px; font-weight: 700; }
.spf-checkout-location-wrap[hidden] { display: none !important; }
.spf-checkout-location-wrap > span { display: block; margin-bottom: 6px; }
.spf-checkout-location-wrap select { display: block; box-sizing: border-box; width: 100%; max-width: 100%; height: 44px; margin: 0; padding: 0 36px 0 12px; border: 1px solid #bfcfc5; border-radius: 9px; background-color: #fff; color: #1e3428; font-size: 13px; }
.spf-checkout-location-wrap select:focus { border-color: #079548; outline: 3px solid rgba(7,149,72,.14); }
/* Keep the pricing controls readable over the membership illustration. */
.sp-pricing .sp-pricing__title { display: table; margin: 0 auto 14px !important; padding: 7px 18px; border: 1px solid rgba(255,255,255,.28); border-radius: 999px; background: rgba(5,55,32,.94); color: #fff !important; text-shadow: none; box-shadow: 0 8px 22px rgba(0,0,0,.14); }
.sp-pricing .sp-pricing__toggle { box-sizing: border-box; width: max-content; max-width: 100%; margin: 0 auto 30px !important; padding: 10px 14px; border: 1px solid rgba(255,255,255,.26); border-radius: 999px; background: rgba(5,55,32,.94); box-shadow: 0 8px 22px rgba(0,0,0,.16); }
.sp-pricing__toggle-label, .sp-pricing__toggle-label.is-active { color: #fff !important; text-shadow: none; }
.sp-pricing__toggle-label:not(.is-active) { opacity: .72; }
.sp-pricing .sp-pricing__switch, .sp-pricing .sp-pricing__switch.is-annual { background: #fff !important; box-shadow: inset 0 0 0 2px rgba(18,78,42,.4); }
.sp-pricing .sp-pricing__switch-dot { background: #0a9d53; }
.sp-pricing__switch:focus-visible { outline: 3px solid #ffe16b; outline-offset: 3px; }
.sp-pricing__price, .sp-pricing__term { color: #142a1d !important; }
.sp-pricing__price { display: inline-block; font-size: clamp(30px,3vw,39px) !important; font-weight: 800 !important; letter-spacing: -.03em; }
@media (max-width: 720px) { .spf-elementor-size-grid, .spf-elementor-size-grid > .e-con-inner { grid-template-columns: repeat(2,minmax(0,1fr)); } .spf-lost-pet-shop-link { align-items: flex-start; flex-direction: column; } }
@media (max-width: 480px) { .spf-elementor-size-guide { margin-inline: 0; padding: 20px 14px; } .spf-elementor-size-grid, .spf-elementor-size-grid > .e-con-inner { gap: 10px !important; } .spf-elementor-size-image img { padding: 5px; } .spf-elementor-size-label .elementor-heading-title { font-size: 20px !important; } .spf-checkout-delivery-choice { padding: 14px; } .spf-checkout-delivery-heading { display: block; } .spf-checkout-delivery-heading > span { display: inline-block; margin-top: 8px; } .spf-checkout-couriers { grid-template-columns: 1fr; } .spf-checkout-couriers label { min-height: 0; } }

/* Pet Finder brand typography: self-hosted so it remains fast and reliable. */
@font-face {
  font-family: "Comfortaa";
  src: url("assets/fonts/comfortaa/Comfortaa-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}
:root { --pet-finder-font: "Comfortaa", "Segoe UI", Arial, sans-serif; }
body,
body p,
body li,
body label,
body input,
body textarea,
body select,
body button,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .elementor-widget-heading .elementor-heading-title,
body .elementor-widget-text-editor,
body .elementor-button-text,
body .elementskit-navbar-nav > li > a,
body .woocommerce,
body .spc-app,
body .spc-public {
  font-family: var(--pet-finder-font) !important;
}

/* Privacy-safe destination for the sample poster QR used in client documents. */
.spf-demo-profile {
  width: min(1080px, calc(100% - 36px));
  margin: clamp(38px, 6vw, 82px) auto;
  color: #17382a;
}
.page-id-4060 .entry-header { display: none; }
.spf-demo-profile__notice {
  margin-bottom: 18px;
  padding: 12px 16px;
  border: 1px solid #e6ca5f;
  border-radius: 12px;
  background: #fff8d8;
  color: #574a13;
  font-weight: 700;
  text-align: center;
}
.spf-demo-profile__hero {
  display: grid;
  grid-template-columns: minmax(280px, .9fr) minmax(0, 1.1fr);
  overflow: hidden;
  border-radius: 24px;
  background: #075c3a;
  box-shadow: 0 22px 55px rgba(7, 62, 43, .16);
}
.spf-demo-profile__photo { min-height: 430px; background: #dce8e0; }
.spf-demo-profile__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.spf-demo-profile__content { align-self: center; padding: clamp(28px, 5vw, 62px); color: #fff; }
.spf-demo-profile__status {
  display: inline-flex;
  margin-bottom: 18px;
  padding: 7px 12px;
  border-radius: 999px;
  background: #d62f2f;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.spf-demo-profile__content h1 { margin: 0 0 12px; color: #fff; font-size: clamp(34px, 5vw, 58px); line-height: 1.02; }
.spf-demo-profile__meta { margin: 0 0 22px; color: #d8f3e5; font-size: 18px; }
.spf-demo-profile__content p:not(.spf-demo-profile__meta) { margin: 0; color: #fff; font-size: 17px; line-height: 1.65; }
.spf-demo-profile__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.spf-demo-profile__actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 10px 18px;
  border: 2px solid #f3c640;
  border-radius: 999px;
  background: #f3c640;
  color: #17382a;
  font-weight: 800;
  text-decoration: none;
}
.spf-demo-profile__actions a:hover,
.spf-demo-profile__actions a:focus-visible { border-color: #fff; background: #fff; color: #075c3a; }
@media (max-width: 720px) {
  .spf-demo-profile { width: min(100% - 24px, 620px); margin: 28px auto 48px; }
  .spf-demo-profile__hero { grid-template-columns: 1fr; }
  .spf-demo-profile__photo { min-height: 0; aspect-ratio: 4 / 3; }
  .spf-demo-profile__content { padding: 28px 22px 32px; }
  .spf-demo-profile__actions { flex-direction: column; }
  .spf-demo-profile__actions a { width: 100%; }
}