/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[7].use[3]!./src/components/Header/Header.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.Header_header__AF_3G {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: var(--z-header);
    background: rgba(255, 237, 207, 0.92);
    -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
    border-bottom: 2px solid var(--color-primary);
    transition: transform 0.3s ease-in-out;
}

.Header_header__AF_3G.Header_hidden__pcG11 {
    transform: translateY(-100%);
}

.Header_headerContent__VSKiG {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    gap: var(--spacing-xl);
}

.Header_logo__1FRrW {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    text-decoration: none;
    color: var(--text-primary);
}

.Header_logoImage__1C_tL {
    height: 50px;
}

.Header_logoText__Q2TRx {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.Header_logoAr__4gsIw {
    font-size: var(--font-size-xl);
    font-weight: 800;
    color: var(--color-primary);
}

.Header_logoEn__nIQKM {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--color-secondary);
    letter-spacing: 0.5px;
}

.Header_nav__LVYU2 {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
}

.Header_navLink__bX76H {
    padding: var(--spacing-sm) var(--spacing-md);
    color: var(--text-secondary);
    font-weight: 600;
    border-radius: var(--border-radius);
    transition: all var(--transition-fast);
}

.Header_navLink__bX76H:hover {
    color: var(--color-primary);
    background: rgba(35, 81, 51, 0.08);
}

.Header_navLink__bX76H.Header_active__8Eipm {
    color: #fff;
    background: var(--color-primary);
}

.Header_actions__FHMH_ {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
}

.Header_searchBtn__R6J49 {
    padding: var(--spacing-sm);
    color: var(--color-primary);
}

@media (max-width: 1024px) {
    .Header_nav__LVYU2 {
        display: none;
    }
}

@media (max-width: 640px) {
    .Header_headerContent__VSKiG {
        height: 65px;
    }

    .Header_logoText__Q2TRx {
        display: none;
    }

    .Header_logoImage__1C_tL {
        width: 45px;
        height: 45px;
    }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[7].use[3]!./src/components/Footer/Footer.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.Footer_footer__4vzqH {
  background: var(--color-primary);
  color: #fff;
  padding: var(--spacing-2xl) 0 var(--spacing-lg);
  margin-top: auto;
}

.Footer_footerContent__33dnM {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
}

.Footer_footerMain__AF8RC {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: var(--spacing-2xl);
  gap: var(--spacing-2xl);
}

.Footer_brand__Y4wbm {
  max-width: 320px;
}

.Footer_logoGroup__ZAjM6 {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-md);
}

.Footer_footerLogo__HvedU {
  height: 45px;
}

.Footer_logoAr__N9Cc0 {
  display: block;
  font-size: var(--font-size-lg);
  font-weight: 800;
  color: var(--color-secondary);
}

.Footer_logoEn___f6hH {
  display: block;
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: rgba(255,255,255,0.8);
}

.Footer_tagline__NHwwX {
  font-size: var(--font-size-sm);
  color: rgba(255,255,255,0.7);
  margin-top: var(--spacing-md);
  line-height: 1.7;
}

.Footer_links__LGHlK {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: var(--spacing-xl);
  gap: var(--spacing-xl);
}

.Footer_linkColumn__QglJ_ {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.Footer_columnTitle__CM6k1 {
  font-size: var(--font-size-sm);
  font-weight: 700;
  color: var(--color-secondary);
  margin-bottom: var(--spacing-sm);
}

.Footer_linkColumn__QglJ_ a {
  font-size: var(--font-size-sm);
  color: rgba(255,255,255,0.8);
  transition: color var(--transition-fast);
}

.Footer_linkColumn__QglJ_ a:hover {
  color: var(--color-secondary);
}

.Footer_footerBottom__OFeMd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: var(--spacing-lg);
  border-top: 1px solid rgba(255,255,255,0.2);
  font-size: var(--font-size-sm);
  color: rgba(255,255,255,0.7);
}

.Footer_neutralDisclaimer__sBArX {
  opacity: 0.7;
}

@media (max-width: 768px) {
  .Footer_footerMain__AF8RC {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .Footer_brand__Y4wbm {
    max-width: none;
  }

  .Footer_logoGroup__ZAjM6 {
    justify-content: center;
  }

  .Footer_links__LGHlK {
    grid-template-columns: 1fr;
    gap: var(--spacing-lg);
  }

  .Footer_footerBottom__OFeMd {
    flex-direction: column;
    gap: var(--spacing-sm);
    text-align: center;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[7].use[3]!./src/app/memories/page.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
/* Page Header */
.page_pageHeader__LqN8d {
    text-align: center;
    margin-bottom: var(--spacing-2xl);
    padding-top: var(--spacing-lg);
}

.page_pageTitle__DQbQx {
    font-size: var(--font-size-3xl);
    color: var(--text-primary);
    margin: 0 0 var(--spacing-sm) 0;
    position: relative;
    display: inline-block;
}

.page_pageTitle__DQbQx::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, var(--color-secondary), transparent);
    border-radius: 2px;
}

.page_pageSubtitle__h3ibH {
    color: var(--text-secondary);
    font-size: var(--font-size-lg);
    margin: var(--spacing-md) 0 0 0;
}

/* Memories Grid */
.page_memoriesGrid__9Wc7J {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: var(--spacing-xl);
    gap: var(--spacing-xl);
    padding-bottom: var(--spacing-2xl);
    max-width: 900px;
    margin: 0 auto;
}

/* Memory Card */
.page_memoryCard__mwSxA {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-lg);
    overflow: hidden;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    transition: all var(--transition-normal);
}

.page_memoryCard__mwSxA:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
    border-color: var(--color-primary);
}

/* Images Wrapper - Side by Side */
.page_imagesWrapper__yXnSY {
    position: relative;
    display: flex;
    gap: 2px;
    overflow: hidden;
}

/* Image Container */
.page_imageContainer__CKXEF {
    position: relative;
    flex: 1 1;
    padding-top: 50%; /* Adjusted for half width */
    overflow: hidden;
}

.page_memoryImage__lepMC {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--transition-slow);
}

.page_memoryCard__mwSxA:hover .page_memoryImage__lepMC {
    transform: scale(1.05);
}

/* Placeholder Content */
.page_placeholderContent__UQqa_ {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);
    gap: var(--spacing-sm);
}

.page_imageContainer__CKXEF.page_noImage__3EelY .page_placeholderContent__UQqa_ {
    display: flex;
}

.page_placeholderIcon__0aDSq {
    font-size: 3rem;
    opacity: 0.5;
}

.page_placeholderText__RqrZG {
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    font-weight: 500;
}

.page_imagesWrapper__yXnSY .page_imageOverlay__QU9rr {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: var(--spacing-md);
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    z-index: 2;
}

.page_imageDate__yFgKz {
    color: white;
    font-size: var(--font-size-sm);
    font-weight: 500;
}

/* Memory Info */
.page_memoryInfo__G_5pE {
    padding: var(--spacing-lg);
}

.page_memoryTitle__wq_1_ {
    font-size: var(--font-size-lg);
    color: var(--text-primary);
    margin: 0 0 var(--spacing-md) 0;
    line-height: 1.4;
}

.page_toggleCommentsBtn__7SdDm {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-sm) var(--spacing-md);
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    font-weight: 500;
    cursor: pointer;
    transition: all var(--transition-fast);
    width: 100%;
    justify-content: center;
}

.page_toggleCommentsBtn__7SdDm:hover {
    background: var(--bg-tertiary);
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.page_commentIcon__j8xbD {
    font-size: 1rem;
}

.page_toggleArrow__FZIdZ {
    font-size: 0.7rem;
    margin-left: auto;
}

/* Comments Section */
.page_commentsSection__Qd0Lq {
    max-height: 0;
    overflow: hidden;
    transition: max-height var(--transition-slow), padding var(--transition-slow);
    border-top: 1px solid var(--border-color);
}

.page_commentsSection__Qd0Lq.page_expanded__gsJTL {
    max-height: 1000px;
    padding: var(--spacing-lg);
}

/* Add Comment Form */
.page_addCommentForm__4GwdT {
    margin-bottom: var(--spacing-lg);
    padding-bottom: var(--spacing-lg);
    border-bottom: 1px solid var(--border-color);
}

.page_commentsTitle__YT0EQ {
    font-size: var(--font-size-base);
    color: var(--text-primary);
    margin: 0 0 var(--spacing-md) 0;
}

.page_formGroup__X_j3G {
    margin-bottom: var(--spacing-sm);
}

.page_commentInput___hX2P,
.page_commentTextarea__hFZ7O {
    width: 100%;
    padding: var(--spacing-sm) var(--spacing-md);
    background: var(--bg-secondary);
    border: 2px solid var(--border-color);
    border-radius: var(--border-radius);
    font-family: inherit;
    font-size: var(--font-size-sm);
    color: var(--text-primary);
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.page_commentInput___hX2P:focus,
.page_commentTextarea__hFZ7O:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(35, 81, 51, 0.15);
}

.page_commentInput___hX2P::placeholder,
.page_commentTextarea__hFZ7O::placeholder {
    color: var(--text-muted);
}

.page_commentTextarea__hFZ7O {
    resize: vertical;
    min-height: 80px;
}

.page_submitCommentBtn__UeM1u {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-sm) var(--spacing-lg);
    background: linear-gradient(135deg, var(--color-primary) 0%, #1a3d26 100%);
    color: white;
    border: none;
    border-radius: var(--border-radius);
    font-size: var(--font-size-sm);
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.page_submitCommentBtn__UeM1u:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(35, 81, 51, 0.3);
}

.page_submitCommentBtn__UeM1u:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Comments List */
.page_commentsList__n7LcH {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.page_noComments__SuF_O {
    text-align: center;
    color: var(--text-muted);
    font-style: italic;
    padding: var(--spacing-lg) 0;
}

.page_commentItem__W__gf {
    position: relative;
    padding: var(--spacing-md);
    background: var(--bg-secondary);
    border-radius: var(--border-radius);
    border-left: 3px solid var(--color-primary);
}

.page_commentHeader__S0WzR {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--spacing-xs);
}

.page_commentAuthor__g3WiJ {
    font-weight: 600;
    color: var(--color-primary);
    font-size: var(--font-size-sm);
}

.page_commentTime__nBh9N {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
}

.page_commentText__Y1_S6 {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    line-height: 1.6;
    margin: 0;
    padding-right: var(--spacing-xl);
}

.page_deleteCommentBtn__XuumB {
    position: absolute;
    top: var(--spacing-sm);
    right: var(--spacing-sm);
    padding: var(--spacing-xs);
    background: transparent;
    border: none;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity var(--transition-fast), transform var(--transition-fast);
    font-size: 0.9rem;
}

.page_deleteCommentBtn__XuumB:hover {
    opacity: 1;
    transform: scale(1.1);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .page_memoriesGrid__9Wc7J {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--spacing-lg);
    }
}

@media (max-width: 768px) {
    .page_pageTitle__DQbQx {
        font-size: var(--font-size-2xl);
    }

    .page_pageSubtitle__h3ibH {
        font-size: var(--font-size-base);
    }

    .page_memoriesGrid__9Wc7J {
        grid-template-columns: 1fr;
        gap: var(--spacing-lg);
    }

    .page_imagesWrapper__yXnSY {
        flex-direction: column;
    }

    .page_imageContainer__CKXEF {
        padding-top: 66.67%;
    }

    .page_memoryInfo__G_5pE {
        padding: var(--spacing-md);
    }

    .page_commentsSection__Qd0Lq.page_expanded__gsJTL {
        padding: var(--spacing-md);
    }
}

@media (max-width: 480px) {
    .page_commentHeader__S0WzR {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-xs);
    }

    .page_toggleCommentsBtn__7SdDm {
        padding: var(--spacing-sm);
        font-size: var(--font-size-xs);
    }
}