/** Shopify CDN: Minification failed

Line 1073:0 Expected "}" to go with "{"

**/
/* ==========================================================================
   HUBBA HUBBA ROMANCE - THEME OVERRIDES
   Consolidated: Nov 30, 2024

   Organization:
   1. Animations
   2. Global Link Overrides
   3. Header & Navigation
   4. Mobile Navigation Drawer
   5. Footer
   6. Product Page (Accordions, Buttons)
   7. Hub Pages & Crosslinks
   8. Collection Pages
   9. Newsletter Success Messages
   10. Utilities
   ========================================================================== */

/* ==========================================================================
   1. ANIMATIONS
   ========================================================================== */

@keyframes hubba-drop-in {
  from { transform: translateY(-10px); opacity: 0; }
  to   { transform: translateY(0);    opacity: 1; }
}

/* ==========================================================================
   2. GLOBAL LINK OVERRIDES
   ========================================================================== */

/* Content links: blue + underlined (NOT nav/drawer/footer) */
main a,
.rte a,
.product-card .card__title a,
a.see-more,
.section-header__link {
  color: var(--hhr-link-blue, #2b6cf6);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 2px;
}

/* Email links everywhere: blue + underlined */
a[href^="mailto:"] {
  color: var(--hhr-link-blue, #2b6cf6);
  text-decoration: underline;
}

/* ==========================================================================
   3. HEADER & NAVIGATION
   ========================================================================== */

/* Desktop header: nav links black, no underline */
#shopify-section-header .header__nav__link,
#shopify-section-header .site-nav__link,
#shopify-section-header nav a {
  color: var(--hhr-text-dark, #111);
  text-decoration: none;
}

/* Account link (over dark strip): white */
#shopify-section-header a[href*="/account"],
#shopify-section-header .header__account a {
  color: var(--hhr-text-light, #fff);
  -webkit-text-fill-color: var(--hhr-text-light, #fff);
  text-decoration: none;
}

/* Mobile top bar: hamburger + cart icons */
.header__mobile-wrapper {
  --mobile-header-text: var(--hhr-text-dark, #000);
}

.header__mobile-wrapper svg,
.header__mobile-wrapper svg * {
  color: var(--mobile-header-text);
  fill: var(--mobile-header-text);
  stroke: var(--mobile-header-text);
}

/* Desktop menu: single line, tighter spacing */
@media (min-width: 1100px) {
  nav[role="navigation"],
  .header__inline-menu,
  .site-nav,
  .navigation,
  .list-menu {
    white-space: nowrap;
  }

  .header,
  .header__inline-menu,
  .site-header {
    overflow: visible;
  }

  .list-menu__item a,
  .header__menu-item,
  .site-nav__link,
  .navigation a {
    padding: 0 10px;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.2;
  }

  .list-menu,
  .navigation ul,
  .site-nav__wrapper {
    gap: 12px;
  }
}

/* Narrower viewports: smaller nav font */
@media (min-width: 1100px) and (max-width: 1280px) {
  .list-menu__item a,
  .header__menu-item,
  .site-nav__link,
  .navigation a {
    font-size: 14px;
  }
}

/* ==========================================================================
   4. MOBILE NAVIGATION DRAWER
   (Single source of truth - replaces 3 duplicate blocks)
   ========================================================================== */

/* Drawer wrapper */
body #slideout-mobile-navigation,
body .slideout[data-wau-slideout="mobile-navigation"] {
  background: var(--hhr-mobile-nav-bg, #111);
  color: var(--hhr-text-light, #fff);
  --nav-color: var(--hhr-text-light, #fff);
  --mobile-header-text: var(--hhr-text-light, #fff);
}

/* All links in drawer: white */
body #slideout-mobile-navigation a,
body #slideout-mobile-navigation a:link,
body #slideout-mobile-navigation a:visited,
body #slideout-mobile-navigation a:hover,
body #slideout-mobile-navigation a:active,
body #slideout-mobile-navigation .mobile-nav__link,
body #slideout-mobile-navigation .list-menu__item > a,
body .slideout[data-wau-slideout="mobile-navigation"] a,
body .slideout[data-wau-slideout="mobile-navigation"] a:link,
body .slideout[data-wau-slideout="mobile-navigation"] a:visited,
body .slideout[data-wau-slideout="mobile-navigation"] a:hover,
body .slideout[data-wau-slideout="mobile-navigation"] a:active,
body .slideout[data-wau-slideout="mobile-navigation"] .mobile-nav__link,
body .slideout[data-wau-slideout="mobile-navigation"] .list-menu__item > a {
  color: var(--hhr-text-light, #fff);
  -webkit-text-fill-color: var(--hhr-text-light, #fff);
  text-decoration: none;
}

/* Toggles, buttons, summaries */
body #slideout-mobile-navigation button,
body #slideout-mobile-navigation summary,
body #slideout-mobile-navigation .disclosure__button,
body .slideout[data-wau-slideout="mobile-navigation"] button,
body .slideout[data-wau-slideout="mobile-navigation"] summary,
body .slideout[data-wau-slideout="mobile-navigation"] .disclosure__button {
  color: var(--hhr-text-light, #fff);
}

/* Icons inside drawer */
body #slideout-mobile-navigation svg,
body #slideout-mobile-navigation svg *,
body .slideout[data-wau-slideout="mobile-navigation"] svg,
body .slideout[data-wau-slideout="mobile-navigation"] svg * {
  fill: var(--hhr-text-light, #fff);
  stroke: var(--hhr-text-light, #fff);
}

/* Divider lines */
body #slideout-mobile-navigation li,
body .slideout[data-wau-slideout="mobile-navigation"] li {
  border-color: rgba(255, 255, 255, 0.2);
}

/* ==========================================================================
   5. FOOTER
   ========================================================================== */

/* Footer links: black, no underline */
footer a,
.site-footer a,
.footer-menu a,
footer[role="contentinfo"] a {
  color: var(--hhr-text-dark, #000);
  text-decoration: none;
}

/* Footer link hover: underline */
footer a:hover,
.site-footer a:hover,
.footer-menu a:hover {
  text-decoration: underline;
}

/* Footer visited links: stay black */
footer a:visited,
.site-footer a:visited,
.footer-menu a:visited {
  color: var(--hhr-text-dark, #000);
}

/* Footer focus: visible outline */
footer a:focus-visible,
.site-footer a:focus-visible,
.footer-menu a:focus-visible {
  outline: 2px solid var(--hhr-text-dark, #000);
  outline-offset: 2px;
}

/* Footer email links: blue + underlined */
footer a[href^="mailto:"],
.site-footer a[href^="mailto:"],
.footer-menu a[href^="mailto:"],
#footer a[href^="mailto:"] {
  color: var(--hhr-link-blue, #2e6fff);
  text-decoration: underline;
}

/* ==========================================================================
   6. PRODUCT PAGE - ACCORDIONS & BUTTONS
   ========================================================================== */

/* --- HHR Accordions (pink pill headers with emoji toggle) --- */
.hhr-accordions {
  margin: 14px 0;
}

.hhr-accordions details {
  margin: 16px 0;
  border: 0;
}

.hhr-accordions summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 12px 16px;
  background: var(--hhr-accordion-header-bg, #ffe3f1);
  color: var(--hhr-accordion-header-text, #e6007e);
  border: 1px solid var(--hhr-pink, #e6007e);
  border-radius: 12px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  user-select: none;
  box-shadow: 0 1px 4px rgba(230, 0, 126, 0.12);
}

.hhr-accordions summary strong { color: inherit; }
.hhr-accordions summary::-webkit-details-marker { display: none; }
.hhr-accordions summary::marker { display: none; }

/* Emoji icon: lips when closed */
.hhr-accordions summary::after {
  content: "💋";
  font-size: 14px;
  margin-left: 8px;
}

/* Emoji icon: broken heart when open */
.hhr-accordions details[open] > summary::after {
  content: "💔";
}

/* Accordion body */
.hhr-accordions details > div,
.hhr-accordions details > .rte,
.hhr-accordion__content {
  padding: 14px 16px;
  background: var(--hhr-accordion-content-bg, #fff0f8);
  color: var(--hhr-text-dark, #000);
  border-radius: 0 0 12px 12px;
  border: 1px solid var(--hhr-pink, #e6007e);
  border-top: 0;
  box-shadow: 0 2px 8px rgba(230, 0, 126, 0.10);
}

/* Accordion interactions */
.hhr-accordions summary:hover { filter: brightness(0.98); }
.hhr-accordions summary:focus-visible {
  outline: 2px solid var(--hhr-pink, #e6007e);
  outline-offset: 2px;
}

/* --- Product Form Buttons --- */
.product-form [type="submit"][name="add"],
.product-form__submit {
  display: block;
  opacity: 1;
  visibility: visible;
  position: relative;
  z-index: 2;
}

.shopify-payment-button {
  display: block;
  position: relative;
  z-index: 1;
  margin-top: 10px;
}

.product-form__buttons,
.product__buttons,
.product-form--buttons {
  display: flex;
  flex-direction: column;
}

.product-form__buttons .product-form__submit { order: 1; }
.product-form__buttons .shopify-payment-button { order: 2; }

/* Ensure Add to Cart shows even with payment button */
.shopify-payment-button ~ .product-form__submit,
.shopify-payment-button ~ [type="submit"][name="add"] {
  display: block;
}

/* Hide "More payment options" link */
.shopify-payment-button__more-options,
.shopify-payment-button__button--more-options {
  display: none;
}

/* Checkout hint styling */
.hhr-checkout-hint,
p.shopify-checkout-hint {
  font-size: 12px;
  font-style: italic;
  opacity: 0.8;
  margin: 6px 0 0;
}

/* ==========================================================================
   7. HUB PAGES & CROSSLINKS
   ========================================================================== */

/* Hub page intro paragraph rhythm */
.template-page .rich-text .rte p,
.shopify-section .rich-text .rte p {
  margin: 0 0 16px;
  line-height: 1.5;
}

/* Tighten gap under hub page titles */
.template-page .page-header,
.banner-header {
  margin-bottom: 8px;
  padding-bottom: 0;
}

.page-header + .shopify-section .rich-text,
.banner-header + .shopify-section .rich-text {
  margin-top: 8px;
}

/* --- Hub Crosslinks (single source of truth) --- */
.hub-crosslinks {
  max-width: 720px;
  margin: 28px auto 0;
  padding-top: 18px;
  text-align: center;
}

.hub-crosslinks .hub-kicker {
  font-weight: 800;
  font-size: clamp(22px, 2vw, 28px);
  margin: 0 0 6px;
}

.hub-crosslinks .hub-subkicker {
  margin: 0 0 16px;
  font-weight: 600;
}

.hub-crosslinks .hub-blocks {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 20px;
}

/* Hub pill links: override site-wide blue link style */
.hub-crosslinks a,
.hub-crosslinks .hub-block {
  color: var(--hhr-text-dark, #111);
  text-decoration: none;
}

.hub-crosslinks .hub-block {
  display: block;
  text-align: center;
  padding: 12px 18px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 17px;
  transition: background 0.2s ease;
  background: var(--hhr-blue-light, #e8f1ff);
  border: 1px solid var(--hhr-blue-border, #cddffc);
}

.hub-crosslinks .hub-title {
  font-weight: 800;
  font-size: 18px;
  color: var(--hhr-text-dark, #000);
}

.hub-crosslinks .hub-desc {
  font-weight: 400;
  font-size: 16px;
  color: var(--hhr-text-dark, #000);
}

.hub-crosslinks .hub-outro {
  margin-top: 12px;
  font-weight: 600;
}

/* Color variants */
.hub-crosslinks .hub-block.hub-blue {
  background: var(--hhr-blue-light, #e8f1ff);
  border-color: var(--hhr-blue-border, #cddffc);
}

.hub-crosslinks .hub-block.hub-pink {
  background: #ffe6ee;
  border-color: var(--hhr-pink-border, #eba1b8);
}

.hub-crosslinks .hub-block.hub-green {
  background: #e0f5e9;
  border-color: #b8e6c9;
}

/* Hover states */
.hub-crosslinks .hub-block:hover {
  filter: brightness(0.97);
}

.hub-crosslinks .hub-block.hub-blue:hover { background: #d6e8ff; }
.hub-crosslinks .hub-block.hub-pink:hover { background: #ffd9e8; }
.hub-crosslinks .hub-block.hub-green:hover { background: #d8efe2; }

/* Mobile hub pills enforcement */
@media (max-width: 768px) {
  body .hub-crosslinks .hub-block.hub-pink {
    background: #ffe6ee;
    background-image: none;
    border-color: var(--hhr-pink-border, #eba1b8);
  }

  body .hub-crosslinks .hub-block.hub-blue {
    background: var(--hhr-blue-light, #e8f1ff);
    background-image: none;
    border-color: var(--hhr-blue-border, #cddffc);
  }

  body .hub-crosslinks .hub-blocks {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  body .hub-crosslinks .hub-block {
    display: block;
  }
}

/* ==========================================================================
   8. COLLECTION PAGES
   ========================================================================== */

/* Collection titles: below images, centered */
.collection-list__item .collection-list__title,
.collection-card__title {
  position: static;
  background: transparent;
  color: var(--hhr-text-dark, #111);
  display: block;
  text-align: center;
  margin-top: 8px;
  padding: 0;
  box-shadow: none;
}

/* Collection title styling */
.collection-list .collection__title--text.h4 {
  font-weight: 700;
  font-size: 1rem;
  color: var(--hhr-text-dark, #000);
  text-shadow: none;
  line-height: 1.3;
}

/* Item count: smaller + italic */
.collection-list .collection_item-count {
  font-size: 0.75rem;
  font-style: italic;
  font-weight: 500;
  color: var(--hhr-text-dark, #000);
  margin-top: 2px;
}

/* Free shipping line after item count */
.collection-list .collection_item-count::after {
  content: "Free U.S. Shipping";
  display: block;
  font-size: 0.8rem;
  font-weight: 600;
  font-style: normal;
  color: var(--hhr-text-dark, #000);
  margin-top: 2px;
}

/* ==========================================================================
   9. NEWSLETTER SUCCESS MESSAGES
   (Single source of truth - replaces 5 duplicate blocks)
   ========================================================================== */

/* Success message styling */
#newsletter .note-success,
#newsletter .note--success,
#newsletter .form__message--success,
#newsletter .newsletter-confirmation,
#footer_signup .note-success,
#footer_signup .note--success,
#footer_signup .form__message--success,
#footer_signup .newsletter-confirmation {
  display: block;
  background-color: var(--hhr-success-bg, #fff0f8);
  border: 1.8px solid var(--hhr-success-border, #e6007e);
  border-radius: 12px;
  color: var(--hhr-text-dark, #111);
  padding: 14px 18px;
  max-width: 560px;
  width: 100%;
  line-height: 1.45;
  text-align: left;
  font-weight: 600;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  box-shadow: 0 4px 12px rgba(230, 0, 126, 0.25);
  animation: hubba-drop-in 0.35s ease-out;
}

/* Homepage: center the card */
#newsletter .note-success,
#newsletter .note--success,
#newsletter .form__message--success,
#newsletter .newsletter-confirmation {
  margin: 12px auto;
}

/* Footer: left-align in column */
#footer_signup .note-success,
#footer_signup .note--success,
#footer_signup .form__message--success,
#footer_signup .newsletter-confirmation {
  margin: 12px 0;
}

/* Remove icon/heart from success messages */
#newsletter .note-success::before,
#newsletter .note--success::before,
#newsletter .form__message--success::before,
#newsletter .newsletter-confirmation::before,
#footer_signup .note-success::before,
#footer_signup .note--success::before,
#footer_signup .form__message--success::before,
#footer_signup .newsletter-confirmation::before {
  content: none;
  display: none;
}

/* ==========================================================================
   10. UTILITIES
   ========================================================================== */

/* Scroll offset for anchors under sticky header */
.newsletter-confirmation {
  scroll-margin-top: 90px;
}

/* ==========================================================================
   11. SHOPIFY PAYMENT OVERRIDES
   (Merged from hubba-custom.css - requires !important for Shopify-injected styles)
   ========================================================================== */

/* Hide Shopify's "Other payment options" button */
.shopify-payment-button__more-options {
  display: none !important;
}

/* Italicize payment terms text under Shop Pay */
p.shopify-payment-terms__text,
p.shopify-checkout-hint {
  font-style: italic !important;
}

/* HHR checkout helper text styling */
.hhr-checkout-hint {
  font-size: 14px;
  font-weight: 700;
}

.hhr-credit-note {
  font-size: 14px;
  font-style: italic;
}
/* Change all footer links to black */
#footer a,
#footer ul a,
#footer li a,
footer a {
  color: #000000 !important;
}

/* Keep hover state visible */
#footer a:hover,
footer a:hover {
  color: #333333 !important;
}
/* Pink background for newsletter success message */
.newsletter__success.hhr-pink-card,
p.newsletter__success.hhr-pink-card {
  background-color: #ffc0cb !important;
  padding: 12px 16px !important;
  border-radius: 4px !important;
  margin-top: 10px !important;
}/* Change all footer links to black */
#footer a,
#footer ul a,
#footer li a,
footer a {
  color: #000000 !important;
}

/* Keep hover state visible */
#footer a:hover,
footer a:hover {
  color: #333333 !important;
}

/* Pink background for newsletter success message */
.newsletter__success.hhr-pink-card,
p.newsletter__success.hhr-pink-card {
  background-color: #ffc0cb !important;
  padding: 12px 16px !important;
  border-radius: 4px !important;
  margin-top: 10px !important;
}
/* Keep copyright text on one line - give it full width */
.footer-left.span-6 {
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

/* Make both copyright spans display inline and not wrap */
.copyright__content,
.copyright__content + span {
  display: inline !important;
  white-space: nowrap !important;
}

/* Make the parent paragraph not wrap */
.footer-left p {
  white-space: nowrap !important;
}
.ajax-cart__free-shipping {
  background-color: #000000!important;
}
.cart__shipping-note span:first-child {
  font-weight: 700;
}
/* Add breathing room between the last product info line (text-with-icon) and price */
.product__info-container .text-with-icon + .price,
.product__info-container .text-with-icon:last-of-type {
  margin-bottom: 16px;
}
/* Tighten spacing around footer social icons */
.footer__social,
.footer-social,
.social-icons {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

/* Remove the blank gap after the Editorial Columns section */
#shopify-section-template--17828126457952__editorial_columns_TU38hB {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

#shopify-section-template--17828126457952__editorial_columns_TU38hB .section,
#shopify-section-template--17828126457952__editorial_columns_TU38hB .section-padding,
#shopify-section-template--17828126457952__editorial_columns_TU38hB .page-width {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
/* Tighten space above the footer */
footer,
.footer {
  margin-top: 0 !important;
}

.footer__content,
.footer__blocks-wrapper,
.footer__blocks {
  padding-top: 6px !important;   /* adjust: try 6px if you want it tighter */
  margin-top: 0 !important;
}
.section {
  margin-bottom: 0 !important;
  padding-bottom: 10px !important;
}

h2, h3, p {
  margin-top: 0.3em !important;
  margin-bottom: 0.3em !important;
}
/* Make the Submit a Claim button ACTUALLY white */
a[href="/pages/contact-form"].btn,
a[href="/pages/contact-form"] {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #000000 !important;
}
a[href="/pages/contact-form"]
/* Refund Policy - force the "Submit a Claim" link/button styling */
.shopify-policy__container a[href*="contact-form"],
.shopify-policy__container a[href*="claim"],
.shopify-policy__container a[href*="form"] {
  background: #fff !important;
  color: #000 !important;
  border: 2px solid #000 !important;
  padding: 12px 18px !important;
  display: inline-block !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

/* ONLY fix the specific page content columns - nothing else */
.page__section #page-content,
.page__section .grid__wrapper {
  display: block !important;
  grid-template-columns: none !important;
  column-count: 1 !important;
}
/* Hide default Shopify page title on Contact Form page */
body.page-contact-form h1:first-of-type {
  display: none;
}
/* Better paragraph spacing for novella installment pages ONLY */
.page__section #page-content p {
  margin-bottom: 1.7em;
  line-height: 1.8;
}

/* Add extra space between major sections/breaks */
.page__section #page-content p + p {
  margin-top: 1em;
}

/* Make the first paragraph of the story stand out slightly */
.page__section #page-content p:first-of-type {
  margin-top: 2rem;
}
/* Better paragraph spacing for novella installment pages ONLY */
.page__section #page-content p {
  margin-bottom: 1.5em !important;
  line-height: 1.8;
  margin-top: 0 !important;
}

/* Remove extra spacing from spans and breaks */
.page__section #page-content span,
.page__section #page-content br {
  line-height: inherit;
}

/* Ensure consistent spacing between all paragraphs */
.page__section #page-content p + p {
  margin-top: 0 !important;
}/* ONLY fix the specific page content columns - nothing else */
.page__section #page-content,
.page__section .grid__wrapper {
  display: block !important;
  grid-template-columns: none !important;
  column-count: 1 !important;
}

/* Force paragraphs to display as blocks, not inline */
.page__section #page-content p {
  display: block !important;
  margin-bottom: 1.5em !important;
  line-height: 1.7 !important;
}
.btc-feature-grid {
  display: flex;
  justify-content: center;
  gap: 40px;
  max-width: 1100px;
  margin: 60px auto;
  padding: 0 20px;
}

.btc-feature-box {
  flex: 1;
  border: 1px solid #ddd;
  padding: 30px;
  text-align: center;
  background: #fff;
}

.btc-feature-box h3 {
  font-size: 26px;
  margin-bottom: 15px;
}

.btc-feature-box p {
  font-size: 16px;
  margin-bottom: 15px;
}

.btc-tropes {
  font-style: italic;
  font-size: 15px;
  color: #666;
}

.btc-button {
  display: inline-block;
  margin-top: 10px;
  padding: 12px 22px;
  border: 1px solid #000;
  text-decoration: none;
  font-weight: 600;
}

.btc-button:hover {
  background: #000;
  color: #fff;
}

@media (max-width: 768px) {
  .btc-feature-grid {
    flex-direction: column;
  }
}
.installment-klaviyo {
  max-width: 560px;
  margin: 30px auto;
}

@media (max-width: 640px) {
  .installment-klaviyo {
    max-width: 60px%;
  }
}
/* ===== Novella Reading Layout ===== */

/* Constrain reading width */
.template-page .page-content,
.template-page .rte {
  max-width: 680px;
  margin: 0 auto;
  padding: 2.5rem 1.5rem;
}

/* Improve paragraph rhythm */
.template-page .rte p {
  line-height: 1.7;
  margin-bottom: 1.4em;
}

/* Extra breathing room every few paragraphs */
.template-page .rte p:nth-of-type(3n) {
  margin-bottom: 2.2em;
}

/* Separate story from nav/signup */
.installment-nav {
  margin-top: 3rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(0,0,0,0.08);
}
/* ===== Novella Reading Layout ===== */

/* Constrain reading width */
.template-page .page-content,
.template-page .rte {
  max-width: 680px;
  margin: 0 auto;
  padding: 2.5rem 1.5rem;
}

/* Improve paragraph rhythm */
.template-page .rte p {
  line-height: 1.7;
  margin-bottom: 1.4em;
}

/* Extra breathing room every few paragraphs */
.template-page .rte p:nth-of-type(3n) {
  margin-bottom: 2.2em;
}

/* Separate story from nav/signup */
.installment-nav {
  margin-top: 3rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(0,0,0,0.08);
}
/* Space above and below announcement bar */

/* Announcement bar spacing + centering */

.announcement-bar__wrapper {
  margin-top: 20px !important;
  margin-bottom: 12px !important;
}

.announcement-bar__container,
.announcement-bar_container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.announcement-bar__message,
.announcement-bar__text,
.announcement-bar p {
  text-align: center !important;
}
.announcement-bar__wrapper {
  margin-top: 20px !important;
  margin-bottom: 12px !important;
}/* ===== Homepage Novella Feature ===== */



.novella-feature h2 {
  text-align: center;
  font-size: 32px;
  letter-spacing: 2px;
  margin-bottom: 30px;
}

.novella-feature-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

.novella-book-img {
  width: 180px;
  height: auto;
  display: block;
}

.novella-copy {
  max-width: 460px;
}

.novella-copy h3 {
  font-family: Georgia, serif;
  font-size: 24px;
  font-style: italic;
  margin-bottom: 12px;
}

.novella-copy p {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 16px;
}

.novella-read-link {
  font-weight: 600;
}

@media (max-width: 768px) {
  .novella-feature-inner {
    flex-direction: column;
    text-align: center;
  }

  .novella-copy {
    text-align: center;
  }

  .novella-book-img {
    width: 150px;
  }
.novella-feature {
  max-width: 820px;
  margin: 0 auto 20px;
}

.novella-feature h2 {
  text-align: center;
  font-size: 32px;
  letter-spacing: 2px;
  margin-bottom: 30px;
}

.novella-feature-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

.novella-book-img {
  width: 180px;
  height: auto;
  display: block;
}

.novella-copy {
  max-width: 460px;
}

.novella-copy h3 {
  font-family: Georgia, serif;
  font-size: 24px;
  font-style: italic;
  margin-bottom: 12px;
}

.novella-copy p {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 16px;
}

.novella-read-link {
  font-weight: 600;
}

@media (max-width: 768px) {
  .novella-feature-inner {
    flex-direction: column;
    text-align: center;
  }

  .novella-copy {
    text-align: center;
  }

  .novella-book-img {
    width: 150px;
  }
}