@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Noto+Serif:wght@400;700&display=swap");







/* ==========================================================================



   CSS RESET & FONTS (Migrated from app.css)



   ========================================================================== */



*, :after, :before {



  box-sizing: border-box;



  border: 0 solid #e5e7eb;



}







body {



  background-color: #f9f7f2;



  font-family: Inter, sans-serif;



  color: #3d4928;



}







body.woocommerce-page, body.woocommerce-page #page {



  background-color: #ffffff;



}







h1, h2, h3, h4, h5, h6 {



  font-family: "Noto Serif", serif;



}







.woocommerce-product-rating {



  margin-bottom: 0 !important;



}







/* ==========================================================================



   WOOCOMMERCE PRICE STYLING



   ========================================================================== */



.price-formatted ins {



  text-decoration: none;



  font-weight: 700;



  display: flex;



  flex-direction: column;



  align-items: flex-start;



  gap: .15rem;



  line-height: 1.1;



}







.price-formatted ins:before {



  content: "Sepette";



  font-size: .73rem;



  font-weight: 700;



  text-transform: uppercase;



  letter-spacing: .05em;



  color: inherit;



  margin-top: 1px;



}







.price-formatted del {



  color: #9ca3af;



  font-size: .75rem;



  font-weight: 400;



  margin-bottom: .15rem;



  line-height: 1;



  display: block;



}







.price-formatted del, .price-formatted del * {



  text-decoration: line-through !important;



}







.price-formatted .woocommerce-Price-amount {



  display: inline-block;



}







.woocommerce-ordering select {



  width: 100%;



  cursor: pointer;



  -webkit-appearance: none;



  -moz-appearance: none;



  appearance: none;



  border: 1px solid rgba(61, 73, 40, 0.12);



  border-radius: 99px;



  background-color: #faf9f6;



  padding: 10px 2.5rem 10px 1.25rem;



  font-family: Inter, sans-serif;



  font-size: 11px;



  line-height: normal;



  font-weight: 700;



  text-transform: uppercase;



  letter-spacing: 0.1em;



  color: #3d4928;



  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);



  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%233d4928' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");



  background-position: right 1rem center;



  background-repeat: no-repeat;



  background-size: 1.25em 1.25em;



  box-shadow: 0 2px 8px rgba(61, 73, 40, 0.04);



}







.woocommerce-ordering select:hover {



  border-color: rgba(197, 160, 89, 0.5);



  background-color: #ffffff;



  box-shadow: 0 4px 12px rgba(61, 73, 40, 0.08);



}







.woocommerce-ordering select:focus {



  border-color: #c5a059;



  background-color: #ffffff;



  outline: none;



  box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.15);



}







@media (min-width: 768px) {



  .woocommerce-ordering select {



    width: auto;



  }



}







/* ==========================================================================



   ARCHIVE PAGINATION



   ========================================================================== */



.archive-pagination {



  font-family: Inter, sans-serif;



}







.archive-pagination.hy-infinite-active ul.page-numbers {



  display: none !important;



}







.archive-pagination ul.page-numbers {



  margin: 0;



  padding: 0;



  display: flex;



  align-items: center;



  justify-content: center;



  gap: 0.5rem;



}







.archive-pagination ul.page-numbers li {



  list-style-type: none;



}







.archive-pagination ul.page-numbers li a,



.archive-pagination ul.page-numbers li span {



  display: flex;



  height: 2.5rem;



  width: 2.5rem;



  align-items: center;



  justify-content: center;



  border-radius: 9999px;



  border: 1px solid rgba(197, 160, 89, .2);



  font-size: 1rem;



  line-height: 1.5rem;



  transition: all .15s ease;



}







.archive-pagination ul.page-numbers li a {



  color: #3d4928;



}







.archive-pagination ul.page-numbers li a:hover {



  background-color: rgba(61, 73, 40, .05);



}







.archive-pagination ul.page-numbers li span.current {



  border-color: #3d4928;



  background-color: #3d4928;



  color: #ffffff;



}







/* ==========================================================================



   QUICK VIEW OVERRIDES



   ========================================================================== */



#hy-quick-view-overlay .scrollbar-hide {



  -ms-overflow-style: none;



  scrollbar-width: none;



}







#hy-quick-view-overlay .scrollbar-hide::-webkit-scrollbar {



  display: none;



}







#hy-quick-view-overlay .hy-qv-panel .price-formatted {



  font-size: inherit;



}







#hy-quick-view-overlay .hy-qv-panel .price-formatted ins:before {



  font-size: .65rem;



}







#hy-quick-view-overlay .hy-qv-panel .price-formatted del {



  font-size: .85rem;



}







/* ==========================================================================



   WOOCOMMERCE LAYOUT RESETS & DETAILED SINGLE PRODUCT



   ========================================================================== */



.woocommerce #content div.product div.images,



.woocommerce div.product div.images,



.woocommerce-page #content div.product div.images,



.woocommerce-page div.product div.images {



  float: none !important;



  width: 100% !important;



  margin-bottom: 2rem !important;



}







.woocommerce #content div.product div.summary,



.woocommerce div.product div.summary,



.woocommerce-page #content div.product div.summary,



.woocommerce-page div.product div.summary {



  float: none !important;



  width: 100% !important;



  clear: both !important;



}







.woocommerce div.product p.price,



.woocommerce div.product span.price {



  display: flex !important;



  flex-wrap: wrap !important;



  align-items: center !important;



  gap: .75rem !important;



  font-size: 2.25rem !important;



  font-weight: 800 !important;



  color: #3d4928 !important;



  background: transparent !important;



  padding: 0 !important;



  line-height: 1.2 !important;



}







.woocommerce div.product p.price del,



.woocommerce div.product span.price del {



  font-size: 1.125rem !important;



  color: #9ca3af !important;



  font-weight: 400 !important;



  text-decoration: line-through !important;



  opacity: .6 !important;



  display: flex !important;



  align-items: center !important;



  margin-right: .25rem;



}







.woocommerce div.product p.price del .amount,



.woocommerce div.product span.price del .amount {



  color: inherit !important;



  font-weight: inherit !important;



}







.woocommerce div.product p.price ins,



.woocommerce div.product span.price ins {



  font-size: 2.25rem !important;



  font-weight: 800 !important;



  color: var(--hy-color-primary, #3d4928) !important;



  text-decoration: none !important;



  background: transparent !important;



  display: flex !important;



  align-items: center !important;



}







.woocommerce div.product p.price ins .amount,



.woocommerce div.product span.price ins .amount {



  color: inherit !important;



  font-weight: inherit !important;



}







.woocommerce div.product p.price ins:before,



.woocommerce div.product span.price ins:before {



  display: none !important;



}







.woocommerce div.product form.cart {



  display: flex !important;



  flex-direction: row !important;



  align-items: flex-end !important;



  background: transparent !important;



  border: none !important;



  border-radius: 0 !important;



  padding: 0 !important;



  gap: 8px !important;



  box-shadow: none !important;



  margin-bottom: 0 !important;



  width: 100% !important;



  max-width: none !important;



}







.woocommerce div.product form.cart .button,



.woocommerce div.product form.cart div.quantity {



  float: none !important;



  margin: 0 !important;



  clear: none !important;



}







.woocommerce div.product form.cart div.quantity {



  align-self: flex-start !important;



}







.woocommerce div.product form.cart .button {



  background-color: var(--hy-color-primary, #3d4928) !important;



  color: #ffffff !important;



  border-radius: 14px !important;



  padding: 0 20px !important;



  font-family: 'Inter', sans-serif !important;



  font-weight: 700 !important;



  font-size: 13px !important;



  height: 40px !important;



  text-transform: none !important;



  border: none !important;



  display: inline-flex !important;



  align-items: center !important;



  justify-content: center !important;



  gap: 0.5rem !important;



  cursor: pointer !important;



  transition: all 0.25s ease !important;



  flex: none !important;



  box-shadow: none !important;



}







.woocommerce div.product form.cart .button:hover {



  background-color: var(--hy-color-tertiary, #c5a059) !important;



}







@media (min-width: 640px) {



  .woocommerce div.product form.cart .button {



    width: 100% !important;



  }



}







.woocommerce div.product div.images .flex-control-nav {



  display: flex !important;



  flex-wrap: nowrap !important;



  gap: 8px !important;



  padding: 1rem 0 !important;



  margin: 0 !important;



  justify-content: center !important;



  list-style: none !important;



}







.woocommerce div.product div.images .flex-control-nav li {



  float: none !important;



  width: auto !important;



  height: auto !important;



  flex: 0 0 auto !important;



  margin: 0 !important;



  padding: 0 !important;



  display: block !important;



}







.woocommerce div.product div.images .flex-control-nav li img {



  display: block !important;



  width: 24px !important;



  height: 3px !important;



  padding: 0 !important;



  margin: 0 !important;



  border: none !important;



  border-radius: 2px !important;



  background-color: rgba(61, 73, 40, 0.15) !important;



  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;



  cursor: pointer !important;



  box-sizing: border-box !important;



  content: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") !important;



  object-fit: cover !important;



  opacity: 1 !important;



}







.hy-pdp-gallery__index-badge {



  position: absolute !important;



  top: 16px !important;



  right: 16px !important;



  background: rgba(255, 255, 255, 0.85) !important;



  backdrop-filter: blur(8px) !important;



  border: 1px solid rgba(61, 73, 40, 0.08) !important;



  padding: 4px 12px !important;



  border-radius: 99px !important;



  font-family: inherit !important;



  font-size: 11px !important;



  font-weight: 700 !important;



  color: #3d4928 !important;



  z-index: 20 !important;



  pointer-events: none !important;



  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;



  letter-spacing: 0.5px !important;



}







.woocommerce-product-gallery__wrapper {

  cursor: grab !important;

}



.woocommerce-product-gallery__wrapper.is-dragging {

  cursor: grabbing !important;

  user-select: none !important;

}



.woocommerce-product-gallery__wrapper.is-dragging .woocommerce-product-gallery__image img {

  pointer-events: none !important;

  transform: none !important;

}



.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {



  transition: transform .7s cubic-bezier(.2, .8, .2, 1) !important;



  cursor: pointer !important;



  aspect-ratio: 1 / 1 !important;



  object-fit: cover !important;



}







.woocommerce-product-gallery:hover .woocommerce-product-gallery__wrapper:not(.is-dragging) .woocommerce-product-gallery__image img {



  transform: scale(1.03) !important;



}







.woocommerce div.product div.images .flex-direction-nav {



  display: none !important;



}







.pswp__bg {



  background: #252c18 !important;



}







.pswp__button--close {



  background-color: transparent !important;



}







.woocommerce div.product div.images .woocommerce-product-gallery__image a {



  cursor: zoom-in;



}







.woocommerce div.product div.images .flex-control-nav li img.flex-active {



  width: 40px !important;



  background-color: #c5a059 !important;



  transform: scaleY(1.3) !important;



}







.woocommerce div.product div.images .flex-control-nav li img:hover:not(.flex-active) {



  background-color: rgba(61, 73, 40, 0.4) !important;



}







.woocommerce div.product div.images .woocommerce-product-gallery__trigger {



  display: none !important;



}







.pswp--open ~ * .zoomImg,



.pswp--visible ~ * .zoomImg,



.zoomImg[style*="visibility: visible"] {



  opacity: 0 !important;



  visibility: hidden !important;



  z-index: -1 !important;



}







/* ==========================================================================



   FOMO ANIMATION & MASK EFFECTS (Migrated from app.css)



   ========================================================================== */



@keyframes hy-fomo-slide-up {



  0%, 20% { transform: translateY(0); }



  33%, 53% { transform: translateY(-24px); }



  66%, 86% { transform: translateY(-48px); }



  100% { transform: translateY(-72px); }



}







.hy-card__fomo-list {



  animation: hy-fomo-slide-up 10s cubic-bezier(.4, 0, .2, 1) infinite;



}







.hy-mask-image-bottom {



  -webkit-mask-image: linear-gradient(0deg, transparent 0, #000 15%);



  mask-image: linear-gradient(0deg, transparent 0, #000 15%);



}







/* ==========================================================================



   THEME STYLE LAYER



   ========================================================================== */



:root {



  --hy-color-primary: #3d4928;



  --hy-color-secondary: #a65d43;



  --hy-color-tertiary: #c5a059;



  --hy-color-neutral: #f9f7f2;



  --hy-color-white: #ffffff;



  --hy-color-ink: #111827;



  --hy-color-muted: #6b7280;



  --hy-color-soft: #f3f4f6;



  --hy-color-border: #e5e7eb;



  --hy-color-olive: #558b2f;



  --hy-color-warm-bg: #faf9f6;



  --hy-color-gold-strong: #ff9800;



  --hy-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.08);



  --hy-shadow-md: 0 14px 30px rgba(0, 0, 0, 0.12);



  --hy-shadow-lg: 0 18px 40px rgba(0, 0, 0, 0.18);



}







.hy-home {



  width: 100%;



  overflow: hidden;



}







.hy-home-container {



  width: 100%;



  max-width: 1440px;



  margin-right: auto;



  margin-left: auto;



  padding-right: 16px;



  padding-left: 16px;



}







.hy-home-icon {



  display: inline-block;



  flex-shrink: 0;



}







.hy-home-icon--badge {



  width: 20px;



  height: 20px;



  color: var(--hy-color-tertiary);



}







.hy-home-icon--arrow {



  width: 16px;



  height: 16px;



}







.hy-home-icon--mini {



  width: 14px;



  height: 14px;



}







.hy-home-hero {



  position: relative;



  min-height: 100svh;



  display: flex;



  flex-direction: column;



  background: var(--hy-color-primary);



}







.hy-home-hero__bg,



.hy-home-quote__bg {



  position: absolute;



  inset: 0;



}







.hy-home-hero__image,



.hy-home-quote__image {



  width: 100%;



  height: 100%;



  object-fit: cover;



}







.hy-home-hero__image {



  transform: scale(1.05);



}







.hy-home-hero__overlay {



  position: absolute;



  inset: 0;



  background: linear-gradient(90deg, rgba(61, 73, 40, 0.95) 0%, rgba(61, 73, 40, 0.7) 58%, rgba(61, 73, 40, 0) 100%);



}







.hy-home-hero__shade {



  position: absolute;



  inset: 0;



  background: rgba(0, 0, 0, 0.1);



}







.hy-home-hero__container {



  position: relative;



  z-index: 1;



  min-height: 100svh;



  display: flex;



  flex-direction: column;



  padding-top: 100px;



  padding-bottom: 40px;



}







.hy-home-hero__offset {



  margin-top: 16px;



}







.hy-home-hero__content {



  max-width: 780px;



  color: var(--hy-color-neutral);



  padding-top: 30px;



}







.hy-home-hero__badge {



  display: inline-flex;



  align-items: center;



  gap: 12px;



  margin-bottom: 24px;



  padding: 8px 20px;



  border: 1px solid rgba(197, 160, 89, 0.4);



  background: rgba(61, 73, 40, 0.3);



  backdrop-filter: blur(6px);



  box-shadow: var(--hy-shadow-sm);



}







.hy-home-hero__badge-text {



  color: var(--hy-color-tertiary);



  font-family: "Noto Serif", serif;



  font-weight: 700;



  font-size: 10px;



  letter-spacing: 0.15em;



  text-transform: uppercase;



}







.hy-home-hero__title {



  margin: 0 0 24px;



  font-family: "Noto Serif", serif;



  font-size: clamp(2.5rem, 7vw, 5rem);



  line-height: 1.1;



  font-weight: 300;



  text-shadow: 0 10px 18px rgba(0, 0, 0, 0.25);



}







.hy-home-hero__title-alt {



  display: block;



  margin-top: 8px;



  color: var(--hy-color-tertiary);



  font-style: italic;



}







.hy-home-hero__description {



  max-width: 640px;



  margin: 0 0 32px;



  color: rgba(249, 247, 242, 0.82);



  font-family: Inter, sans-serif;



  font-size: clamp(1rem, 2.5vw, 1.25rem);



  line-height: 1.75;



}







.hy-home-hero__actions {



  display: flex;



  flex-direction: column;



  gap: 16px;



  align-items: stretch;



}







.hy-home-btn {



  display: inline-flex;



  align-items: center;



  justify-content: center;



  gap: 12px;



  width: 100%;



  min-height: 54px;



  padding: 14px 32px;



  font-family: Inter, sans-serif;



  font-size: 12px;



  font-weight: 700;



  text-transform: uppercase;



  letter-spacing: 0.15em;



  text-decoration: none;



  transition: all 0.3s ease;



  text-align: center;



}







.hy-home-btn--primary {



  background: var(--hy-color-tertiary);



  color: var(--hy-color-primary);



  box-shadow: var(--hy-shadow-sm);



}







.hy-home-btn--primary:hover {



  background: var(--hy-color-neutral);



}







.hy-home-btn--ghost {



  border: 1px solid rgba(249, 247, 242, 0.4);



  color: var(--hy-color-neutral);



  background: transparent;



}







.hy-home-btn--ghost:hover {



  background: rgba(249, 247, 242, 0.1);



}







.hy-home-hero-meta {



  margin-top: 64px;



  padding-top: 40px;



  border-top: 1px solid rgba(249, 247, 242, 0.2);



  display: flex;



  flex-wrap: wrap;



  gap: 32px;



  align-items: center;



}







.hy-home-hero-meta__item {



  display: flex;



  flex-direction: column;



}







.hy-home-hero-meta__label {



  margin-bottom: 4px;



  color: rgba(249, 247, 242, 0.5);



  font-size: 10px;



  letter-spacing: 0.15em;



  text-transform: uppercase;



  font-family: Inter, sans-serif;



  font-weight: 700;



}







.hy-home-hero-meta__value {



  color: var(--hy-color-neutral);



  font-family: "Noto Serif", serif;



  font-size: 1.25rem;



}







.hy-home-hero-meta__value--accent {



  color: var(--hy-color-tertiary);



  font-style: italic;



}







.hy-home-hero-meta__divider {



  display: none;



  width: 1px;



  height: 40px;



  background: rgba(249, 247, 242, 0.2);



}







.hy-about {



  position: relative;



  padding: 60px 0 40px;



  background: var(--hy-color-neutral);



  color: var(--hy-color-primary);



}







.hy-about__seal-wrap {



  position: absolute;



  left: 50%;



  top: -40px;



  transform: translateX(-50%);



  z-index: 20;



}







.hy-about__seal-image {



  width: 80px;



  height: auto;



  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.35));



}







.hy-about__seal-fallback {



  width: 80px;



  height: 80px;



  border-radius: 50%;



  background: linear-gradient(135deg, rgba(166, 93, 67, 0.85), #7a281c);



  border: 3px solid var(--hy-color-neutral);



  display: flex;



  align-items: center;



  justify-content: center;



  box-shadow: var(--hy-shadow-md);



}







.hy-about__seal-core {



  width: 85%;



  height: 85%;



  border-radius: 50%;



  border: 1px dashed rgba(197, 160, 89, 0.7);



  display: flex;



  align-items: center;



  justify-content: center;



}







.hy-about__seal-text {



  color: var(--hy-color-tertiary);



  font-family: "Noto Serif", serif;



  font-weight: 700;



  font-size: 2rem;



  font-style: italic;



  text-align: center;



  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);



}







.hy-about__seal-year {



  display: block;



  font-size: 0.6em;



  line-height: 1;



}







.hy-about__container {



  padding-top: 40px;



  padding-bottom: 40px;



}







.hy-about__layout {



  display: flex;



  flex-direction: column;



  gap: 40px;



}







.hy-about__content {



  max-width: 760px;



}







.hy-about__title {



  margin: 0 0 32px;



  font-family: "Noto Serif", serif;



  font-size: clamp(2.2rem, 5vw, 3.4rem);



  line-height: 1.1;



}







.hy-about__title-top {



  display: block;



  margin-bottom: 8px;



  font-style: italic;



  font-weight: 500;



  opacity: 0.8;



}







.hy-about__text {



  margin: 0 0 24px;



  color: rgba(61, 73, 40, 0.85);



  font-family: Inter, sans-serif;



  font-size: 1rem;



  line-height: 1.9;



}







.hy-about__text--last {



  margin-bottom: 48px;



}







.hy-about__cta {



  display: inline-flex;



  align-items: center;



  justify-content: center;



  gap: 12px;



  padding: 18px 40px;



  border: 1px solid var(--hy-color-primary);



  border-radius: 999px;



  color: var(--hy-color-primary);



  text-decoration: none;



  font-family: Inter, sans-serif;



  font-size: 13px;



  font-weight: 700;



  letter-spacing: 0.2em;



  text-transform: uppercase;



  transition: all 0.4s ease;



}







.hy-about__cta:hover {



  background: var(--hy-color-primary);



  color: var(--hy-color-neutral);



}







.hy-about-bento-wrap {



  position: relative;



}







.hy-about-bento-wrap__glow {



  position: absolute;



  left: -16px;



  bottom: -16px;



  width: 160px;



  height: 160px;



  border-radius: 50%;



  background: rgba(197, 160, 89, 0.1);



  filter: blur(48px);



}







.hy-about-bento {



  position: relative;



  z-index: 1;



  display: grid;



  grid-template-columns: repeat(2, minmax(0, 1fr));



  gap: 12px;



  grid-auto-rows: 160px;



}







.hy-about-bento__item {



  position: relative;



  overflow: hidden;



  border-radius: 16px;



  box-shadow: var(--hy-shadow-sm);



  text-decoration: none;



  color: var(--hy-color-white);



}







.hy-about-bento__item--xl {



  grid-column: span 2;



  grid-row: span 2;



}







.hy-about-bento__item--wide {



  grid-column: span 2;



}







.hy-about-bento__item--sm {



  grid-column: span 1;



}







.hy-about-bento__image {



  position: absolute;



  inset: 0;



  width: 100%;



  height: 100%;



  object-fit: cover;



  transition: transform 0.7s ease;



}







.hy-about-bento__item:hover .hy-about-bento__image {



  transform: scale(1.05);



}







.hy-about-bento__overlay {



  position: absolute;



  inset: 0;



  background: linear-gradient(180deg, rgba(61, 73, 40, 0.1) 0%, rgba(61, 73, 40, 0.82) 100%);



}







.hy-about-bento__border {



  position: absolute;



  inset: 0;



  border: 1px solid transparent;



  border-radius: 16px;



  transition: border-color 0.5s ease;



}







.hy-about-bento__item:hover .hy-about-bento__border {



  border-color: rgba(197, 160, 89, 0.5);



}







.hy-about-bento__body {



  position: absolute;



  left: 0;



  right: 0;



  bottom: 0;



  padding: 16px;



}







.hy-about-bento__title {



  margin: 0;



  font-family: "Noto Serif", serif;



  font-size: 1.1rem;



  font-weight: 700;



  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);



}







.hy-about-bento__link {



  display: inline-flex;



  align-items: center;



  gap: 6px;



  margin-top: 6px;



  font-size: 12px;



  font-weight: 600;



  color: var(--hy-color-tertiary);



  opacity: 0;



  transition: opacity 0.35s ease;



  text-transform: uppercase;



  letter-spacing: 0.14em;



}







.hy-about-bento__item:hover .hy-about-bento__link {



  opacity: 1;



}







.hy-about-bento__fallback {



  position: relative;



  grid-column: span 2;



  min-height: 460px;



  border-radius: 16px;



  overflow: hidden;



  box-shadow: var(--hy-shadow-md);



}







.hy-about-bento__fallback-image {



  width: 100%;



  height: 100%;



  object-fit: cover;



  filter: grayscale(15%) sepia(10%);



  transition: transform 1s ease;



}







.hy-about-bento__fallback:hover .hy-about-bento__fallback-image {



  transform: scale(1.05);



}







.hy-about-bento__fallback-overlay {



  position: absolute;



  inset: 0;



  background: linear-gradient(180deg, rgba(61, 73, 40, 0) 0%, rgba(61, 73, 40, 0.8) 100%);



}







.hy-about-bento__fallback-text {



  position: absolute;



  left: 0;



  right: 0;



  bottom: 24px;



  text-align: center;



  color: rgba(255, 255, 255, 0.82);



  font-style: italic;



  font-family: Inter, sans-serif;



}







.hy-home-products {



  position: relative;



  overflow: hidden;



  background: var(--hy-color-white);



  padding: 64px 0;



}







.hy-home-products__header {



  display: flex;



  align-items: center;



  justify-content: space-between;



  margin-bottom: 32px;



}







.hy-home-products__title {



  margin: 0 0 8px;



  color: var(--hy-color-primary);



  font-family: "Noto Serif", serif;



  font-size: clamp(1.8rem, 5vw, 2.5rem);



  font-weight: 700;



}







.hy-home-products__line {



  width: 96px;



  height: 4px;



  background: var(--hy-color-tertiary);



}







.hy-home-products__all {



  display: inline-flex;



  align-items: center;



  gap: 8px;



  text-decoration: none;



  font-family: Inter, sans-serif;



  font-size: 14px;



  font-weight: 700;



  color: var(--hy-color-secondary);



  transition: color 0.25s ease;



}







.hy-home-products__all:hover {



  color: var(--hy-color-tertiary);



}







.hy-home-products__all--desktop {



  display: none;



}







.hy-home-products__grid {



  display: grid;



  grid-template-columns: repeat(2, minmax(0, 1fr));



  gap: 6px;



}







.hy-home-products__empty {



  grid-column: 1 / -1;



  text-align: center;



  padding: 64px 20px;



  color: #6b7280;



  border-radius: 12px;



  border: 1px solid #f3f4f6;



  background: #f9fafb;



}







.hy-home-products__mobile-all-wrap {



  margin-top: 24px;



}







.hy-home-products__all--mobile {



  width: 100%;



  justify-content: center;



  color: #1f2937;



  background: #f9fafb;



  border: 1px solid #e5e7eb;



  border-radius: 999px;



  min-height: 54px;



}







.hy-home-benefits {



  padding: 64px 0;



  background: var(--hy-color-warm-bg);



  border-top: 1px solid #f3f4f6;



  border-bottom: 1px solid #f3f4f6;



}







.hy-home-benefits__grid {



  display: grid;



  gap: 32px;



  grid-template-columns: 1fr;



}







.hy-home-benefit-card {



  text-align: center;



}







.hy-home-benefit-card__icon-wrap {



  width: 64px;



  height: 64px;



  margin: 0 auto 20px;



  border-radius: 999px;



  display: flex;



  align-items: center;



  justify-content: center;



  color: var(--hy-color-olive);



  border: 1px solid var(--hy-color-border);



  background: var(--hy-color-white);



  transition: transform 0.3s ease;



}







.hy-home-benefit-card:hover .hy-home-benefit-card__icon-wrap {



  transform: scale(1.1);



}







.hy-home-benefit-card__icon {



  width: 32px;



  height: 32px;



}







.hy-home-benefit-card__title {



  margin: 0 0 8px;



  color: var(--hy-color-ink);



  font-family: "Noto Serif", serif;



  font-size: 1rem;



  font-weight: 700;



  text-transform: uppercase;



  letter-spacing: 0.06em;



}







.hy-home-benefit-card__desc {



  margin: 0;



  color: var(--hy-color-muted);



  font-family: Inter, sans-serif;



  font-size: 14px;



  line-height: 1.7;



}







.hy-home-quote {



  position: relative;



  overflow: hidden;



  padding: 96px 0;



  color: var(--hy-color-white);



  background: var(--hy-color-primary);



}







.hy-home-quote__image {



  opacity: 0.2;



  mix-blend-mode: overlay;



}







.hy-home-quote__overlay {



  position: absolute;



  inset: 0;



  background: linear-gradient(0deg, rgba(61, 73, 40, 1) 0%, rgba(61, 73, 40, 0.95) 50%, rgba(61, 73, 40, 1) 100%);



}







.hy-home-quote__container {



  position: relative;



  z-index: 1;



  max-width: 940px;



  text-align: center;



}







.hy-home-quote__icon {



  width: 48px;



  height: 48px;



  margin-bottom: 32px;



  color: var(--hy-color-gold-strong);



  opacity: 0.8;



}







.hy-home-quote__text {



  margin: 0;



  font-family: "Noto Serif", serif;



  font-size: clamp(1.6rem, 4.2vw, 3.2rem);



  line-height: 1.35;



  font-style: italic;



}







.hy-home-quote__author {



  margin-top: 40px;



  display: flex;



  flex-direction: column;



  align-items: center;



}







.hy-home-quote__name {



  color: var(--hy-color-gold-strong);



  text-transform: uppercase;



  letter-spacing: 0.2em;



  font-family: "Noto Serif", serif;



  font-weight: 700;



}







.hy-home-quote__role {



  margin-top: 4px;



  color: #d1d5db;



  text-transform: uppercase;



  letter-spacing: 0.12em;



  font-family: Inter, sans-serif;



  font-size: 12px;



  opacity: 0.85;



}







.hy-home-reviews {



  padding: 80px 0;



  background: var(--hy-color-white);



}







.hy-home-reviews__head-wrap {



  margin-bottom: 40px;



}







.hy-home-reviews__head {



  max-width: 720px;



  text-align: left;



}







.hy-home-reviews__eyebrow {



  color: var(--hy-color-gold-strong);



  font-family: Inter, sans-serif;



  font-size: 12px;



  letter-spacing: 0.15em;



  text-transform: uppercase;



  font-weight: 700;



}







.hy-home-reviews__title {



  margin: 8px 0 0;



  color: #111827;



  font-family: "Noto Serif", serif;



  font-weight: 700;



  line-height: 1.2;



  font-size: clamp(2rem, 5vw, 2.5rem);



}







.hy-home-reviews__subtitle {



  margin: 16px 0 0;



  color: #4b5563;



  font-family: Inter, sans-serif;



  font-size: clamp(0.95rem, 2vw, 1.125rem);



}







.hy-home-reviews__rail-wrap {



  width: 100%;



  max-width: 1440px;



  margin: 0 auto;



  padding-bottom: 32px;



}







.hy-home-reviews__rail {



  display: flex;



  gap: 16px;



  overflow-x: auto;



  scroll-snap-type: x mandatory;



  padding: 0 16px 40px;



  scrollbar-width: none;



  -webkit-overflow-scrolling: touch;



  position: relative;



}







.hy-home-reviews__rail::-webkit-scrollbar {



  display: none;



}







.hy-home-review-card {



  scroll-snap-align: center;



  width: 260px;



  flex: 0 0 auto;



  border-radius: 24px;



  border: 1px solid #f3f4f6;



  background: #f9fafb;



  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.06);



  transition: box-shadow 0.3s ease;



}







.hy-home-review-card:hover {



  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);



}







.hy-home-review-card__header {



  min-height: 40px;



  border-bottom: 1px solid #f3f4f6;



  background: #fff;



  display: flex;



  align-items: center;



  padding: 0 16px;



}







.hy-home-review-card__lights {



  display: inline-flex;



  gap: 6px;



}







.hy-home-review-card__light {



  width: 12px;



  height: 12px;



  border-radius: 50%;



}







.hy-home-review-card__light--red {



  background: #f87171;



}







.hy-home-review-card__light--yellow {



  background: #facc15;



}







.hy-home-review-card__light--green {



  background: #4ade80;



}







.hy-home-review-card__channel {



  width: 100%;



  display: flex;



  justify-content: center;



  margin-left: -36px;



}







.hy-home-review-card__channel-label {



  display: inline-flex;



  align-items: center;



  gap: 6px;



  color: #9ca3af;



  font-family: Inter, sans-serif;



  font-size: 10px;



  font-weight: 700;



}







.hy-home-icon--wa {



  color: #22c55e;



}







.hy-home-icon--ig {



  color: #db2777;



}







.hy-home-review-card__body {



  position: relative;



  padding: 12px;



  aspect-ratio: 9 / 16;



  background: #f3f4f6;



}







.hy-home-review-card__image {



  width: 100%;



  height: 100%;



  border-radius: 12px;



  object-fit: cover;



  border: 1px solid #e5e7eb;



  box-shadow: var(--hy-shadow-sm);



}







.hy-home-reviews__empty {



  width: 100%;



  padding: 40px 16px;



  text-align: center;



  color: #9ca3af;



  font-family: Inter, sans-serif;



  font-style: italic;



}







.hy-home-reviews__fade {



  position: sticky;



  right: 0;



  width: 32px;



  flex: 0 0 auto;



  background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%);



  pointer-events: none;



}







@media (min-width: 640px) {



  .hy-home-container {



    padding-right: 24px;



    padding-left: 24px;



  }







  .hy-home-hero__actions {



    flex-direction: row;



    align-items: center;



  }







  .hy-home-btn {



    width: auto;



    min-width: 240px;



  }







  .hy-home-benefits__grid {



    grid-template-columns: repeat(2, minmax(0, 1fr));



    gap: 40px;



  }







  .hy-home-review-card {



    width: 320px;



  }







  .hy-home-reviews__fade {



    width: 96px;



  }



}







@media (min-width: 768px) {



  .hy-home-hero__container {



    padding-top: 120px;



  }







  .hy-home-hero__offset {



    margin-top: 32px;



  }







  .hy-home-hero__badge {



    margin-bottom: 32px;



  }







  .hy-home-hero__badge-text {



    font-size: 11px;



    letter-spacing: 0.2em;



  }







  .hy-home-hero-meta {



    margin-top: 96px;



  }







  .hy-home-hero-meta__divider {



    display: block;



  }







  .hy-about {



    padding-top: 96px;



    padding-bottom: 96px;



  }







  .hy-about__seal-wrap {



    top: -64px;



  }







  .hy-about__seal-image {



    width: 128px;



  }







  .hy-about__seal-fallback {



    width: 112px;



    height: 112px;



  }







  .hy-about-bento {



    grid-template-columns: repeat(4, minmax(0, 1fr));



    grid-auto-rows: 180px;



  }







  .hy-about-bento__item--wide {



    grid-column: span 2;



  }







  .hy-home-products,



  .hy-home-benefits {



    padding-top: 96px;



    padding-bottom: 96px;



  }







  .hy-home-products__grid {



    grid-template-columns: repeat(3, minmax(0, 1fr));



    gap: 24px;



  }







  .hy-home-products__all--desktop {



    display: inline-flex;



  }







  .hy-home-products__mobile-all-wrap {



    display: none;



  }







  .hy-home-quote {



    padding-top: 120px;



    padding-bottom: 120px;



  }







  .hy-home-reviews__head {



    margin-right: auto;



    margin-left: auto;



    text-align: center;



  }



}







@media (min-width: 1024px) {



  .hy-home-container {



    padding-right: 40px;



    padding-left: 40px;



  }







  .hy-home-hero__offset {



    margin-top: 112px;



  }







  .hy-home-hero__content {



    padding-top: 0;



  }







  .hy-about__layout {



    flex-direction: row;



    align-items: center;



    justify-content: space-between;



    gap: 0;



  }







  .hy-about__content {



    flex: 0 0 45%;



  }







  .hy-about-bento-wrap {



    flex: 0 0 50%;



  }







  .hy-home-products__grid {



    grid-template-columns: repeat(4, minmax(0, 1fr));



  }







  .hy-home-benefits__grid {



    grid-template-columns: repeat(4, minmax(0, 1fr));



    gap: 48px;



  }



}







/* Ulas: Header/footer utility chains replaced with semantic classes. */



/* Esra: Responsive and interaction behavior preserved in vanilla CSS layer. */



.hy-site {



  min-height: 100vh;



  display: flex;



  flex-direction: column;



  background: var(--hy-color-neutral);



}







.hy-site-content {



  flex: 1;



}







.hy-site-container {



  width: 100%;



  max-width: 1440px;



  margin-right: auto;



  margin-left: auto;



  padding-right: 16px;



  padding-left: 16px;



}







.hy-site-header {



  position: fixed;



  top: 0;



  left: 0;



  right: 0;



  z-index: 100;



  transition: background 0.5s ease, box-shadow 0.5s ease, border-color 0.5s ease;



}







body.admin-bar .hy-site-header {



  top: 46px;



}







.hy-site-header--home {



  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));



  border-bottom: 1px solid transparent;



}







.hy-site-header--home.is-scrolled,



.hy-site-header--inner {



  background: rgba(61, 73, 40, 0.95);



  backdrop-filter: blur(10px);



  border-bottom: 1px solid rgba(197, 160, 89, 0.2);



  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);



}







.hy-site-header__topbar {



  display: none;



  border-bottom: 1px solid rgba(197, 160, 89, 0.1);



  background: rgba(0, 0, 0, 0.1);



  color: rgba(197, 160, 89, 0.85);



}







.hy-site-header__topbar-inner {



  display: flex;



  justify-content: center;



  align-items: center;



  min-height: 32px;



  font-family: Inter, sans-serif;



  font-size: 10px;



  font-weight: 700;



  text-transform: uppercase;



  letter-spacing: 0.2em;



  text-align: center;



}







.hy-site-header__row {



  display: flex;



  align-items: center;



  justify-content: space-between;



  transition: padding 0.5s ease;



}







.hy-site-header__row--home {



  padding-top: 16px;



  padding-bottom: 16px;



}







.hy-site-header__row--inner {



  padding-top: 8px;



  padding-bottom: 8px;



}







.hy-site-header__left {



  width: 33.333%;



  display: flex;



  align-items: center;



  justify-content: flex-start;



}







.hy-site-header__hamburger {



  display: inline-flex;



  align-items: center;



  justify-content: center;



  margin-left: -8px;



  padding: 8px;



  color: var(--hy-color-neutral);



  background: transparent;



  border: 0;



  cursor: pointer;



  transition: color 0.25s ease;



}







.hy-site-header__hamburger:hover {



  color: var(--hy-color-tertiary);



}







.hy-site-header__hamburger-icon {



  width: 28px;



  height: 28px;



}







.hy-site-header__nav {



  display: none;



  width: 100%;



}







.hy-header-nav__list {



  list-style: none;



  margin: 0;



  padding: 0;



  display: flex;



  align-items: center;



  gap: 24px;



}







.hy-header-nav__list li {



  margin: 0;



}







.hy-header-nav__list a {



  color: rgba(249, 247, 242, 0.8);



  text-decoration: none;



  font-family: Inter, sans-serif;



  font-size: 11px;



  font-weight: 700;



  letter-spacing: 0.15em;



  text-transform: uppercase;



  white-space: nowrap;



  transition: color 0.25s ease;



}







.hy-header-nav__list a:hover,



.hy-header-nav__list .current-menu-item > a,



.hy-header-nav__list .current_page_item > a {



  color: var(--hy-color-neutral);



}







.hy-site-header__brand {



  width: 33.333%;



  display: flex;



  justify-content: center;



  align-items: center;



}







.hy-site-header__brand-link {



  display: inline-flex;



  align-items: center;



  justify-content: center;



  text-decoration: none;



}







.hy-site-header__brand-image {



  height: 100%;



  width: auto;



  object-fit: contain;



  transition: transform 0.5s ease;



  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.18));



}







.hy-site-header__brand-link:hover .hy-site-header__brand-image {



  transform: scale(1.05);



}







.hy-site-header__wordmark {



  display: flex;



  flex-direction: column;



  align-items: center;



  text-decoration: none;



}







.hy-site-header__wordmark-mark {



  width: 36px;



  height: 36px;



  margin-bottom: 4px;



  border: 1px solid var(--hy-color-tertiary);



  color: var(--hy-color-tertiary);



  display: flex;



  align-items: center;



  justify-content: center;



  font-family: "Noto Serif", serif;



  font-size: 20px;



  font-style: italic;



  transition: all 0.3s ease;



}







.hy-site-header__wordmark:hover .hy-site-header__wordmark-mark {



  background: var(--hy-color-tertiary);



  color: var(--hy-color-primary);



}







.hy-site-header__wordmark-text {



  color: var(--hy-color-neutral);



  font-family: "Noto Serif", serif;



  font-size: 18px;



  font-weight: 300;



  letter-spacing: 0.15em;



  line-height: 1;



  white-space: nowrap;



}







.hy-site-header__actions {



  width: 33.333%;



  display: flex;



  justify-content: flex-end;



  align-items: center;



  gap: 16px;



  color: rgba(249, 247, 242, 0.9);



}







.hy-site-header__icon-link {



  display: inline-flex;



  align-items: center;



  justify-content: center;



  color: inherit;



  text-decoration: none;



  transition: color 0.25s ease;



}







.hy-site-header__icon-link:hover {



  color: var(--hy-color-tertiary);



}







.hy-site-header__icon-link--desktop,



.hy-site-header__icon-link--tablet {



  display: none;



}







.hy-site-header__icon-link--cart {



  position: relative;



}







.hy-site-header__icon {



  width: 24px;



  height: 24px;



}







.hy-site-header__cart-count {



  position: absolute;



  top: -4px;



  right: -8px;



  width: 16px;



  height: 16px;



  border-radius: 999px;



  display: inline-flex;



  align-items: center;



  justify-content: center;



  background: var(--hy-color-tertiary);



  color: var(--hy-color-primary);



  font-size: 9px;



  font-weight: 900;



  line-height: 1;



  transition: background 0.25s ease;



}







.hy-site-header__icon-link--cart:hover .hy-site-header__cart-count {



  background: var(--hy-color-neutral);



}







.hy-site-footer {



  position: relative;



  background: #131c15;



  color: #d1d5db;



  font-family: Inter, sans-serif;



  padding-top: 64px;



}







.hy-site-footer__newsletter-wrap {



  margin-bottom: 64px;



}







.hy-site-footer__newsletter {



  position: relative;



  overflow: hidden;



  border-radius: 16px;



  border: 1px solid #2a382b;



  background: #1a261c;



  padding: 32px;



  display: flex;



  flex-direction: column;



  align-items: center;



  gap: 32px;



}







.hy-site-footer__newsletter-glow {



  position: absolute;



  top: 0;



  right: 0;



  width: 256px;



  height: 256px;



  border-radius: 50%;



  background: #d4af37;



  opacity: 0.05;



  filter: blur(48px);



  transform: translate(25%, -50%);



}







.hy-site-footer__newsletter-copy,



.hy-site-footer__newsletter-form {



  position: relative;



  z-index: 1;



}







.hy-site-footer__newsletter-copy {



  max-width: 640px;



  text-align: center;



}







.hy-site-footer__newsletter-title {



  margin: 0 0 12px;



  color: #fff;



  font-family: "Noto Serif", serif;



  font-size: clamp(1.55rem, 4vw, 1.9rem);



  font-weight: 700;



  line-height: 1.25;



}







.hy-site-footer__newsletter-text {



  margin: 0;



  color: #9ca3af;



  font-size: clamp(0.9rem, 2vw, 1rem);



}







.hy-site-footer__newsletter-form {



  width: 100%;



  max-width: 448px;



  display: flex;



  flex-direction: column;



  gap: 12px;



}







.hy-site-footer__newsletter-input {



  width: 100%;



  min-height: 56px;



  padding: 16px 20px;



  border: 1px solid #2a382b;



  border-radius: 12px;



  background: #0a0f0b;



  color: #fff;



  font-size: 14px;



  outline: 0;



  transition: border-color 0.25s ease, box-shadow 0.25s ease;



}







.hy-site-footer__newsletter-input::placeholder {



  color: #6b7280;



}







.hy-site-footer__newsletter-input:focus {



  border-color: #d4af37;



  box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.2);



}







.hy-site-footer__newsletter-button {



  width: 100%;



  min-height: 56px;



  padding: 16px 24px;



  border: 0;



  border-radius: 12px;



  background: #d4af37;



  color: #131c15;



  font-weight: 700;



  cursor: pointer;



  transition: background 0.25s ease;



}







.hy-site-footer__newsletter-button:hover {



  background: #b5952f;



}







.hy-site-footer__main-wrap {



  padding-bottom: 64px;



}







.hy-site-footer__grid {



  display: grid;



  grid-template-columns: 1fr;



  gap: 48px;



}







.hy-site-footer__brand-col {



  display: flex;



  flex-direction: column;



  gap: 24px;



}







.hy-site-footer__brand-name {



  color: #d4af37;



  font-family: "Noto Serif", serif;



  font-size: 30px;



  font-weight: 700;



  letter-spacing: -0.02em;



  text-decoration: none;



}







.hy-site-footer__brand-text {



  margin: 0;



  color: #9ca3af;



  font-size: clamp(0.9rem, 2vw, 1rem);



  line-height: 1.8;



  padding-right: 16px;



}







.hy-site-footer__social-list {



  display: flex;



  gap: 12px;



  padding-top: 8px;



}







.hy-site-footer__social-link {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(197, 160, 89, 0.25);
  background: #1a261c;
  color: #c5a059;
  transition: all 0.3s ease;
  text-decoration: none;
}

.hy-site-footer__social-link:hover {
  color: #131c15;
  border-color: #c5a059;
  background: #c5a059;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(197, 160, 89, 0.25);
}

.hy-site-footer__social-icon {
  width: 18px;
  height: 18px;
  fill: currentColor;
  display: block;
}







.hy-site-footer__menu-title {



  margin: 0 0 24px;



  color: #fff;



  font-family: "Noto Serif", serif;



  font-size: 18px;



  font-weight: 700;



  text-transform: uppercase;



  letter-spacing: 0.05em;



}







.hy-site-footer__menu-list,



.hy-site-footer__contact-list {



  margin: 0;



  padding: 0;



  list-style: none;



}







.hy-site-footer__menu-list {



  display: flex;



  flex-direction: column;



  gap: 14px;



}







.hy-site-footer__menu-link {



  display: inline-flex;



  align-items: center;



  gap: 8px;



  color: #9ca3af;



  text-decoration: none;



  transition: color 0.25s ease, transform 0.25s ease;



}







.hy-site-footer__menu-link:hover {



  color: #d4af37;



  transform: translateX(4px);



}







.hy-site-footer__menu-dot {



  width: 6px;



  height: 6px;



  border-radius: 50%;



  background: #2a382b;



}







.hy-site-footer__contact-list {



  display: flex;



  flex-direction: column;



  gap: 20px;



}







.hy-site-footer__contact-item {



  display: flex;



  align-items: center;



  gap: 16px;



}







.hy-site-footer__contact-item--start {



  align-items: flex-start;



}







.hy-site-footer__contact-icon-wrap {



  width: 32px;



  height: 32px;



  flex: 0 0 32px;



  display: inline-flex;



  align-items: center;



  justify-content: center;



  border: 1px solid #2a382b;



  border-radius: 6px;



  background: #1a261c;



  color: #d4af37;



}







.hy-site-footer__contact-icon {



  width: 16px;



  height: 16px;



}







.hy-site-footer__contact-text {



  color: #9ca3af;



  font-size: 14px;



  line-height: 1.6;



}







.hy-site-footer__contact-link {



  color: #d1d5db;



  text-decoration: none;



  font-weight: 500;



  transition: color 0.25s ease;



}







.hy-site-footer__contact-link:hover {



  color: #d4af37;



}







.hy-site-footer__bottom {



  border-top: 1px solid #1a261c;



  background: #0a0f0b;



  padding: 20px 0;



}







.hy-site-footer__bottom-inner {



  display: flex;



  flex-direction: column;



  align-items: center;



  justify-content: space-between;



  gap: 24px;



}







.hy-site-footer__copyright {



  display: flex;



  flex-direction: column;



  align-items: center;



  gap: 8px;



  color: #6b7280;



  text-align: center;



  font-size: 12px;



}







.hy-site-footer__copyright p {



  margin: 0;



}







.hy-site-footer__divider {



  display: none;



  color: #2a382b;



}







.hy-site-footer__brand-link {



  color: #d4af37;



  text-decoration: none;



  transition: color 0.25s ease;



  font-family: "Courier New", monospace;



  font-size: 13px;



}







.hy-site-footer__brand-link:hover {



  color: #fff;



}







.hy-site-footer__payments {



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: center;



  gap: 8px;



}







.hy-site-footer__payment-pill {



  min-height: 28px;



  padding: 0 10px;



  border-radius: 6px;



  border: 1px solid rgba(255, 255, 255, 0.1);



  background: rgba(255, 255, 255, 0.05);



  display: inline-flex;



  align-items: center;



  justify-content: center;



}







.hy-site-footer__troy {



  color: #fff;



  font-size: 10px;



  font-style: italic;



  font-weight: 700;



  letter-spacing: -0.02em;



}







.hy-site-footer__mastercard {



  display: inline-flex;



  align-items: center;



}







.hy-site-footer__mastercard-dot {



  width: 14px;



  height: 14px;



  border-radius: 50%;



  opacity: 0.9;



}







.hy-site-footer__mastercard-dot--red {



  background: #eb001b;



  margin-right: -6px;



}







.hy-site-footer__mastercard-dot--orange {



  background: #f79e1b;



}







.hy-site-footer__visa {



  color: #1434cb;



  font-size: 10px;



  font-style: italic;



  font-weight: 700;



}







.hy-site-footer__ssl {



  display: inline-flex;



  align-items: center;



  gap: 6px;



  margin-left: 4px;



  padding-left: 12px;



  border-left: 1px solid #1a261c;



}







.hy-site-footer__ssl-icon {



  width: 16px;



  height: 16px;



  color: #22c55e;



}







.hy-site-footer__ssl-text {



  color: #9ca3af;



  font-size: 9px;



  font-weight: 500;



  text-transform: uppercase;



  line-height: 1.1;



}







@media (min-width: 640px) {



  .hy-site-container {



    padding-right: 24px;



    padding-left: 24px;



  }







  .hy-site-footer__grid {



    grid-template-columns: repeat(2, minmax(0, 1fr));



  }







  .hy-site-footer__newsletter-form {



    flex-direction: row;



    max-width: none;



  }







  .hy-site-footer__newsletter-input {



    border-top-right-radius: 0;



    border-bottom-right-radius: 0;



  }







  .hy-site-footer__newsletter-button {



    width: auto;



    border-top-left-radius: 0;



    border-bottom-left-radius: 0;



    padding-right: 32px;



    padding-left: 32px;



    white-space: nowrap;



  }







  .hy-site-footer__payment-pill {



    min-height: 32px;



  }







  .hy-site-footer__troy,



  .hy-site-footer__visa {



    font-size: 12px;



  }







  .hy-site-footer__mastercard-dot {



    width: 16px;



    height: 16px;



  }



}







@media (min-width: 768px) {



  body.admin-bar .hy-site-header {



    top: 32px;



  }







  .hy-site-header__topbar {



    display: block;



  }







  .hy-site-header__icon-link--desktop {



    display: inline-flex;



  }







  .hy-site-footer__bottom-inner {



    flex-direction: row;



  }







  .hy-site-footer__copyright {



    flex-direction: row;



    align-items: center;



    text-align: left;



    gap: 12px;



    font-size: 14px;



  }







  .hy-site-footer__divider {



    display: inline;



  }



}







@media (min-width: 1024px) {



  .hy-site-container {



    padding-right: 40px;



    padding-left: 40px;



  }







  .hy-site-header__row--home {



    padding-top: 20px;



    padding-bottom: 20px;



  }







  .hy-site-header__row--inner {



    padding-top: 12px;



    padding-bottom: 12px;



  }







  .hy-site-header__left {



    width: 40%;



  }







  .hy-site-header__brand {



    width: 20%;



  }







  .hy-site-header__actions {



    width: 40%;



    gap: 24px;



  }







  .hy-site-header__hamburger {



    display: none;



  }







  .hy-site-header__nav {



    display: block;



  }







  .hy-header-nav__list {



    gap: 40px;



  }







  .hy-site-header__icon-link--tablet {



    display: inline-flex;



  }







  .hy-site-footer__newsletter {



    padding: 48px;



    flex-direction: row;



    justify-content: space-between;



  }







  .hy-site-footer__newsletter-copy {



    text-align: left;



  }







  .hy-site-footer__newsletter-form {



    flex: 0 0 auto;



    width: auto;



  }







  .hy-site-footer__newsletter-input {



    width: 288px;



  }







  .hy-site-footer__grid {



    grid-template-columns: repeat(4, minmax(0, 1fr));



    gap: 32px;



  }



}







.hy-mobile-menu {



  position: fixed;



  inset: 0;



  z-index: 999;



  display: none;



}







.hy-mobile-menu.is-open {



  display: block;



}







.hy-mobile-menu__backdrop {



  position: absolute;



  inset: 0;



  background: rgba(0, 0, 0, 0.4);



  backdrop-filter: blur(3px);



  opacity: 0;



  transition: opacity 0.3s ease;



}







.hy-mobile-menu__drawer {



  position: absolute;



  top: 0;



  right: 0;



  height: 100%;



  width: 85%;



  max-width: 384px;



  border-top-left-radius: 16px;



  border-bottom-left-radius: 16px;



  background: #fff;



  color: #1a2e1a;



  box-shadow: var(--hy-shadow-lg);



  display: flex;



  flex-direction: column;



  transform: translateX(100%);



  transition: transform 0.3s ease;



}







.hy-mobile-menu.is-open .hy-mobile-menu__backdrop {



  opacity: 1;



}







.hy-mobile-menu.is-open .hy-mobile-menu__drawer {



  transform: translateX(0);



}







body.hy-mobile-menu-open {



  overflow: hidden;



}







.hy-mobile-menu__header {



  display: flex;



  align-items: center;



  justify-content: space-between;



  padding: 20px 20px 8px;



}







.hy-mobile-menu__brand {



  color: #1a2e1a;



  font-family: "Noto Serif", serif;



  font-size: 1.5rem;



  font-style: italic;



  font-weight: 600;



  letter-spacing: 0.06em;



}







.hy-mobile-menu__close {



  display: inline-flex;



  align-items: center;



  justify-content: center;



  width: 44px;



  height: 44px;



  border: 0;



  border-radius: 999px;



  background: #f8f9f8;



  color: #6b7280;



  cursor: pointer;



  transition: background 0.25s ease, color 0.25s ease;



}







.hy-mobile-menu__close:hover {



  background: #e5e7eb;



  color: #1f2937;



}







.hy-mobile-menu__close-icon {



  width: 20px;



  height: 20px;



}







.hy-mobile-menu__body {



  flex: 1;



  overflow-y: auto;



  padding: 12px 20px 20px;



}







.hy-mobile-menu__nav-wrap {



  margin-bottom: 8px;



}







.hy-mobile-nav-list,



.hy-mobile-nav-list ul {



  list-style: none;



  margin: 0;



  padding: 0;



}







.hy-mobile-menu__link {



  width: 100%;



  display: flex;



  align-items: center;



  justify-content: space-between;



  gap: 8px;



  padding: 12px 20px;



  margin-bottom: 6px;



  border-radius: 14px;



  background: #fcfdfd;



  color: #4b5563;



  text-decoration: none;



  font-family: Inter, sans-serif;



  font-size: 14px;



  font-weight: 500;



  transition: background 0.25s ease, color 0.25s ease;



}







.hy-mobile-menu__link:hover {



  background: #f9fafb;



  color: #1a2e1a;



}







.hy-mobile-menu__link--campaign {



  background: #fef2f2;



  color: #e63946;



}







.hy-mobile-menu__submenu {



  margin: 4px 0 12px;



  padding-left: 12px;



  border-left: 2px solid #f3f4f6;



}







.hy-mobile-menu__submenu.is-collapsed {



  display: none;



}







.hy-mobile-menu__submenu-toggle {



  display: inline-flex;



  align-items: center;



  justify-content: center;



  margin-right: -12px;



  padding: 8px;



  border: 0;



  background: transparent;



  color: #9ca3af;



  cursor: pointer;



}







.hy-mobile-menu__submenu-toggle:hover {



  color: #111827;



}







.hy-mobile-menu__submenu-chevron {



  width: 16px;



  height: 16px;



  transition: transform 0.3s ease;



}







.hy-mobile-menu__submenu-toggle.is-open .hy-mobile-menu__submenu-chevron {



  transform: rotate(180deg);



}







.hy-mobile-menu__sublink {



  display: block;



  width: 100%;



  padding: 10px 14px;



  border-radius: 10px;



  color: #6b7280;



  text-decoration: none;



  font-size: 13px;



  font-weight: 500;



  transition: color 0.25s ease, background 0.25s ease;



}







.hy-mobile-menu__sublink:hover {



  background: #f9fafb;



  color: #c5a059;



}







.hy-mobile-menu__footer {



  margin-top: auto;



  padding: 16px 20px 20px;



  border-top: 1px solid #f3f4f6;



  background: #fff;



}







.hy-mobile-menu__quick-actions {



  display: grid;



  grid-template-columns: repeat(2, minmax(0, 1fr));



  gap: 12px;



  margin-bottom: 16px;



}







.hy-mobile-menu__quick-link {



  display: flex;



  flex-direction: column;



  align-items: center;



  justify-content: center;



  gap: 8px;



  border-radius: 14px;



  padding: 12px;



  text-decoration: none;



  color: #1a2e1a;



  background: #f8f9f8;



  transition: background 0.25s ease;



}







.hy-mobile-menu__quick-link:hover {



  background: #eaecea;



}







.hy-mobile-menu__quick-icon {



  width: 20px;



  height: 20px;



  padding: 2px;



  border: 1px solid #111827;



  border-radius: 999px;



}







.hy-mobile-menu__quick-link span {



  font-size: 12px;



  font-weight: 700;



}







.hy-mobile-menu__support {



  border: 1px solid rgba(197, 160, 89, 0.3);



  border-radius: 18px;



  background: #fcfcfa;



  padding: 16px;



}







.hy-mobile-menu__support-head {



  display: flex;



  align-items: center;



  justify-content: center;



  gap: 8px;



  margin-bottom: 4px;



}







.hy-mobile-menu__support-icon-wrap {



  color: #e78125;



  display: inline-flex;



}







.hy-mobile-menu__support-icon {



  width: 16px;



  height: 16px;



}







.hy-mobile-menu__support-title {



  margin: 0;



  color: #1a2e1a;



  font-size: 12px;



  font-weight: 800;



}







.hy-mobile-menu__support-text {



  margin: 0 0 12px;



  color: #6b7280;



  text-align: center;



  font-size: 10px;



  line-height: 1.6;



}







.hy-mobile-menu__support-cta {



  width: 100%;



  display: flex;



  flex-direction: column;



  align-items: center;



  justify-content: center;



  border-radius: 999px;



  padding: 8px 16px;



  background: #e5f9ed;



  color: #0a5d2c;



  text-decoration: none;



}







.hy-mobile-menu__support-cta-main {



  font-size: 11px;



  font-weight: 800;



  letter-spacing: 0.03em;



}







.hy-mobile-menu__support-cta-sub {



  font-size: 8px;



  font-weight: 600;



  opacity: 0.7;



}







@media (min-width: 1024px) {



  .hy-mobile-menu {



    display: none !important;



  }



}







/* Ulas: Single-product layout and CTA blocks normalized to semantic classes. */



/* Esra: Conversion-focused PDP behavior preserved with class-state interactions. */



.hy-pdp__product {



  width: 100%;



  position: relative;



}







.hy-pdp__breadcrumb-wrap,

.hy-pdp__layout,

.hy-pdp__details-wrap,

.hy-pdp__reviews-wrap,

.hy-pdp__description-wrap {

  width: 100%;

  max-width: 1440px;

  margin-right: auto;

  margin-left: auto;

  padding-right: 16px;

  padding-left: 16px;

  box-sizing: border-box;

}



@media (min-width: 640px) {

  .hy-pdp__breadcrumb-wrap,

  .hy-pdp__layout,

  .hy-pdp__details-wrap,

  .hy-pdp__reviews-wrap,

  .hy-pdp__description-wrap {

    padding-right: 24px;

    padding-left: 24px;

  }

}



@media (min-width: 1024px) {

  .hy-pdp__breadcrumb-wrap,

  .hy-pdp__layout,

  .hy-pdp__details-wrap,

  .hy-pdp__reviews-wrap,

  .hy-pdp__description-wrap {

    padding-right: 40px;

    padding-left: 40px;

  }

}







.hy-pdp__breadcrumb-wrap {



  padding-top: 24px;



  padding-bottom: 8px;



}







.hy-pdp__layout {



  display: flex;



  flex-direction: column;



  gap: 32px;



  padding-top: 8px;



}







.hy-pdp__media-col,



.hy-pdp__summary-col {



  width: 100%;



  position: relative;



}







.hy-pdp__summary-sticky {



  display: flex;



  flex-direction: column;



  gap: 4px;



}







.hy-pdp__details-wrap {

  margin-top: 0;

  padding-top: 0;

  border-top: none;

}







.hy-pdp-rating {



  display: flex !important;



  flex-direction: row !important;



  align-items: center !important;



  gap: 8px;



  margin: 4px 0 12px;



}







.hy-pdp-rating__score {



  color: var(--hy-color-primary);



  font-family: Inter, sans-serif;



  font-size: 14px;



  line-height: 1;



  font-weight: 700;



}







.hy-pdp-rating__stars {



  display: flex;



  align-items: center;



  gap: 1px;



}







.hy-pdp-rating__star {



  width: 16px;



  height: 16px;



}







.hy-pdp-rating__star--full {



  color: var(--hy-color-tertiary);



}







.hy-pdp-rating__star--empty {



  color: #e5e7eb;



}







.hy-pdp-rating__dot {



  width: 4px;



  height: 4px;



  border-radius: 999px;



  background: #d1d5db;



}







.hy-pdp-rating__reviews,



.hy-pdp-rating__empty {



  font-family: Inter, sans-serif;



  font-size: 14px;



}







.hy-pdp-rating__reviews {



  color: #6b7280;



  font-weight: 500;



  text-decoration: none;



  transition: color 0.25s ease;



}







.hy-pdp-rating__reviews:hover {



  color: var(--hy-color-tertiary);



}







.hy-pdp-rating__empty {



  color: #9ca3af;



}







.hy-pdp-shortdesc {



  margin-bottom: 16px;



  color: #4b5563;



  font-family: Inter, sans-serif;



  line-height: 1.75;



}







.hy-pdp-trust-panel {



  margin: 8px 0 20px;



}







.hy-pdp-trust-panel__card {



  position: relative;



  border: 1px solid rgba(197, 160, 89, 0.12);



  border-radius: 12px;



  overflow: hidden;



  background: linear-gradient(135deg, rgba(249, 247, 242, 0.8), rgba(255, 255, 255, 1), rgba(249, 247, 242, 0.6));



  box-shadow: 0 1px 12px rgba(197, 160, 89, 0.06);



}







.hy-pdp-trust-panel__topline {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  height: 2px;



  background: linear-gradient(90deg, transparent, rgba(197, 160, 89, 0.5), transparent);



}







.hy-pdp-trust-panel__grid {



  display: grid;



  grid-template-columns: minmax(0, 1fr);



  gap: 14px;



  padding: 20px 24px;



}







@media (min-width: 768px) {



  .hy-pdp-trust-panel__grid {



    grid-template-columns: repeat(2, minmax(0, 1fr));



    gap: 16px 32px;



  }



}







.hy-pdp-trust-badge-item {



  display: flex;



  align-items: center;



  gap: 14px;



  min-width: 0;



}







.hy-pdp-trust-badge-item__icon-wrap {



  width: 40px;



  height: 40px;



  flex: 0 0 40px;



  display: inline-flex;



  align-items: center;



  justify-content: center;



  border-radius: 999px;



  background: linear-gradient(135deg, rgba(197, 160, 89, 0.25), rgba(197, 160, 89, 0.1));



  box-shadow: 0 1px 4px rgba(197, 160, 89, 0.12);



  transition: box-shadow 0.3s ease;



}







.hy-pdp-trust-badge-item:hover .hy-pdp-trust-badge-item__icon-wrap {



  box-shadow: 0 2px 10px rgba(197, 160, 89, 0.2);



}







.hy-pdp-trust-badge-item__icon {



  width: 20px;



  height: 20px;



  color: var(--hy-color-tertiary);



}







/* Customizer image variant */



.hy-pdp-trust-badge-item__icon--img {



  width: 20px;



  height: 20px;



  object-fit: contain;



  border-radius: 0;



  color: inherit;



}







.hy-pdp-trust-badge-item__text {



  line-height: 1.2;



  min-width: 0;



}







.hy-pdp-trust-badge-item__title {



  display: block;



  color: var(--hy-color-primary);



  font-family: Inter, sans-serif;



  font-size: 13.5px;



  font-weight: 700;



}







.hy-pdp-trust-badge-item__subtitle {



  display: block;



  color: #9ca3af;



  font-family: Inter, sans-serif;



  font-size: 11.5px;



}







.hy-pdp-action-panel {



  margin-bottom: 24px;



  padding: 0;



  border: none;



  background: transparent;



}







.hy-pdp-action-panel__layout {



  display: flex;



  flex-direction: column;



  gap: 20px;



  justify-content: space-between;



}







.hy-pdp-price {



  display: flex;



  flex-direction: column;



  flex-shrink: 0;



  transition: transform 0.3s ease;



}







.hy-pdp-price:hover {



  transform: translateY(-2px);



}







.hy-pdp-price__sale-row {



  display: flex;



  align-items: center;



  gap: 8px;



  margin-bottom: 4px;



  opacity: 0.9;



}







.hy-pdp-price__old {



  color: #9ca3af;



  font-size: 18px;



  font-weight: 500;



  text-decoration: line-through;



}







.hy-pdp-price__discount-badge {



  display: inline-flex;



  align-items: center;



  justify-content: center;



  margin-left: 12px;



  padding: 2px 8px;



  border-radius: 999px;



  background: #f87171;



  color: #fff;



  font-size: 12px;



  font-weight: 700;



  letter-spacing: 0.04em;



  box-shadow: var(--hy-shadow-sm);



}







.hy-pdp-price__current {



  color: var(--hy-color-primary, #3d4928);



  font-size: clamp(2.1rem, 5vw, 2.75rem);



  font-weight: 900;



  line-height: 1;



  letter-spacing: -0.02em;



}







/* Normal stock display (Preserves green dot styling) */

.stock-status-wrapper .stock.in-stock {

  margin-top: 8px;

  display: inline-flex;

  align-items: center;

  gap: 6px;

  color: rgba(22, 163, 74, 0.85);

  font-size: 12px;

  font-weight: 600;

  margin-bottom: 0;

}



.stock-status-wrapper .stock.in-stock::before {

  content: "";

  display: inline-block;

  width: 6px;

  height: 6px;

  border-radius: 999px;

  background: #22c55e;

  animation: hy-pdp-pulse 1.4s infinite;

}



@keyframes hy-pdp-pulse {

  0%,

  100% {

    opacity: 0.6;

  }

  50% {

    opacity: 1;

  }

}



/* Out of stock display */

.stock-status-wrapper .stock.out-of-stock {

  margin-top: 8px;

  display: inline-flex;

  align-items: center;

  gap: 6px;

  color: #ef4444;

  font-size: 12px;

  font-weight: 600;

  margin-bottom: 0;

}



.stock-status-wrapper .stock.out-of-stock::before {

  content: "";

  display: inline-block;

  width: 6px;

  height: 6px;

  border-radius: 999px;

  background: #ef4444;

}



/* Premium low stock critical warning card */

.hy-pdp-stock-alert--low {

  margin-top: 12px;

  background: #fff5f5; /* Warm light red background */

  border: 1px solid #fee2e2; /* Soft red-pink border */

  border-radius: 12px;

  padding: 12px 16px;

  max-width: 320px;

  box-shadow: 0 2px 10px rgba(239, 68, 68, 0.03);

  display: flex;

  flex-direction: column;

  gap: 8px;

  animation: hy-pdp-fade-in 0.3s ease;

}



.hy-pdp-stock-alert__main {

  display: flex;

  align-items: center;

  gap: 8px;

  color: #991b1b; /* Dark red text */

}



.hy-pdp-stock-alert__pulse-dot {

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background: #ef4444; /* Alert red */

  animation: hy-pdp-alert-pulse 1.2s infinite;

  flex-shrink: 0;

}



.hy-pdp-stock-alert__alert-svg {

  width: 16px;

  height: 16px;

  color: #ef4444;

  flex-shrink: 0;

}



.hy-pdp-stock-alert__text {

  font-size: 13px;

  font-weight: 600;

  font-family: "Inter", sans-serif;

  letter-spacing: -0.01em;

}



.hy-pdp-stock-alert__text strong {

  font-weight: 800;

  color: #b91c1c;

}



.hy-pdp-stock-alert__progress-bar {

  width: 100%;

  height: 5px;

  background: #fee2e2;

  border-radius: 99px;

  overflow: hidden;

}



.hy-pdp-stock-alert__progress-fill {

  height: 100%;

  background: linear-gradient(90deg, #ef4444, #f97316); /* Dynamic gradient from red to orange */

  border-radius: 99px;

  transition: width 0.5s ease;

  position: relative;

  overflow: hidden;

}



/* Shine animation for progress bar to look ultra premium */

.hy-pdp-stock-alert__progress-fill::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 40px;

  height: 100%;

  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);

  animation: hy-pdp-progress-shine 2s infinite linear;

}



@keyframes hy-pdp-alert-pulse {

  0% {

    transform: scale(0.9);

    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);

  }

  70% {

    transform: scale(1.1);

    box-shadow: 0 0 0 5px rgba(239, 68, 68, 0);

  }

  100% {

    transform: scale(0.9);

    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);

  }

}



@keyframes hy-pdp-progress-shine {

  0% {

    transform: translateX(-100%);

  }

  100% {

    transform: translateX(300%);

  }

}



@keyframes hy-pdp-fade-in {

  from {

    opacity: 0;

    transform: translateY(4px);

  }

  to {

    opacity: 1;

    transform: translateY(0);

  }

}







.hy-pdp-cart-form {



  margin: 0;



  width: 100%;



  display: flex;



  flex-direction: row;



  align-items: center;



  gap: 8px;



}







.hy-pdp-qty {



  display: none !important;



}







.hy-pdp-qty .quantity {



  width: auto;



}







.hy-pdp-qty input.qty {



  width: 40px;



  min-width: 0;



  height: 36px;



  font-size: 14px;



  padding: 0;



}







.hy-pdp-qty .quantity_button {



  width: 32px;



  height: 36px;



}







.hy-pdp-add-btn {



  position: relative;



  overflow: hidden;



  display: inline-flex;



  align-items: center;



  justify-content: center;



  gap: 8px;



  flex: 1;



  min-height: 44px;



  padding: 0 16px;



  border: 0;



  outline: 0;



  border-radius: 12px;



  background: var(--hy-color-primary, #3d4928);



  color: #fff;



  font-family: "Noto Serif", serif;



  font-size: 14px;



  font-weight: 700;



  white-space: nowrap;



  box-shadow: 0 4px 15px rgba(61, 73, 40, 0.15);



  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;



  cursor: pointer;



}







.hy-pdp-add-btn:hover {



  transform: translateY(-2px);



  background: var(--hy-color-tertiary, #c5a059);



  box-shadow: 0 8px 25px rgba(197, 160, 89, 0.35);



}







.hy-pdp-add-btn:active {



  transform: scale(0.97);



}







.hy-pdp-add-btn:focus-visible {



  box-shadow: 0 0 0 4px rgba(61, 73, 40, 0.25);



}







.hy-pdp-add-btn.is-loading .hy-pdp-add-btn__icon,



.hy-pdp-add-btn.is-success .hy-pdp-add-btn__icon {



  display: none !important;



}







.hy-pdp-add-btn.is-loading::before {



  content: "" !important;



  display: inline-block !important;



  width: 18px !important;



  height: 18px !important;



  border: 2px solid rgba(255, 255, 255, 0.3) !important;



  border-top-color: #ffffff !important;



  border-radius: 50% !important;



  animation: hy-spin 0.6s linear infinite !important;



  margin-right: 8px !important;



}







.hy-pdp-add-btn.is-success::before {



  content: "✓" !important;



  font-family: inherit !important;



  font-size: 16px !important;



  font-weight: 700 !important;



  color: #ffffff !important;



  margin-right: 8px !important;



}







.hy-pdp-add-btn.is-success {



  background: #22c55e !important;



  box-shadow: 0 4px 15px rgba(34, 197, 94, 0.2) !important;



}







.hy-pdp-add-btn__shine {



  position: absolute;



  top: 0;



  left: 0;



  width: 150%;



  height: 100%;



  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);



  transform: translateX(-150%) skewX(-20deg);



  transition: transform 1.5s ease;



}







.hy-pdp-add-btn:hover .hy-pdp-add-btn__shine {



  transform: translateX(100%) skewX(-20deg);



}







.hy-pdp-add-btn__icon {



  width: 20px;



  height: 20px;



  position: relative;



  z-index: 1;



  transition: transform 0.3s ease;



}







.hy-pdp-add-btn:hover .hy-pdp-add-btn__icon {



  transform: rotate(-12deg);



}







.hy-pdp-add-btn__text {



  position: relative;



  z-index: 1;



  letter-spacing: 0.04em;



}







.hy-pdp-sticky-cart {

  position: fixed;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 100;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 12px;

  padding: 12px 16px;

  background: rgba(255, 255, 255, 0.98);

  backdrop-filter: blur(10px);

  border-top: 1px solid rgba(61, 73, 40, 0.08);

  box-shadow: 0 -8px 24px rgba(61, 73, 40, 0.04);

  transform: translateY(100%);

  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);

}



.hy-pdp-sticky-cart.is-visible {

  transform: translateY(0);

}



.hy-pdp-sticky-cart__content {

  flex: 1;

  min-width: 0;

}



.hy-pdp-sticky-cart__title {

  margin: 0;

  color: #6b7280;

  font-family: Inter, sans-serif;

  font-size: 11px;

  font-weight: 500;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  line-height: 1.3;

}



.hy-pdp-sticky-cart__price-row {

  margin-top: 2px;

  display: flex;

  align-items: center;

  gap: 8px;

}



.hy-pdp-sticky-cart__old-price {

  color: #9ca3af;

  font-size: 11px;

  font-weight: 400;

  text-decoration: line-through;

}



.hy-pdp-sticky-cart__price {

  color: var(--hy-color-primary);

  font-size: 15px;

  font-weight: 700;

}



.hy-pdp-sticky-cart__actions {

  display: flex;

  align-items: center;

  gap: 8px;

  flex-shrink: 0;

}



/* Sticky Cart Quantity Selector */

.hy-pdp-sticky-cart__qty {

  display: flex;

  align-items: center;

  background: #f4f6f0;

  border: 1px solid rgba(61, 73, 40, 0.08);

  border-radius: 4px;

  height: 44px;

  box-sizing: border-box;

  overflow: hidden;

}



.hy-pdp-sticky-cart__qty-btn {

  border: 0;

  background: transparent;

  width: 32px;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  color: var(--hy-color-primary);

  padding: 0;

  transition: background-color 0.2s;

}



.hy-pdp-sticky-cart__qty-btn:hover {

  background-color: rgba(61, 73, 40, 0.04);

}



.hy-pdp-sticky-cart__qty-btn svg {

  width: 12px;

  height: 12px;

}



.hy-pdp-sticky-cart__qty-input {

  border: 0;

  background: transparent;

  width: 24px;

  height: 100%;

  text-align: center;

  font-size: 14px;

  font-weight: 700;

  color: var(--hy-color-primary);

  padding: 0;

  pointer-events: none;

  -moz-appearance: textfield;

}



.hy-pdp-sticky-cart__qty-input::-webkit-outer-spin-button,

.hy-pdp-sticky-cart__qty-input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



/* Sticky Add to Cart Button */

.hy-pdp-sticky-cart__btn {

  border: 0;

  border-radius: 4px !important;

  height: 44px;

  padding: 0 20px;

  background: var(--hy-color-primary) !important;

  color: #ffffff;

  font-family: inherit;

  font-size: 13.5px;

  font-weight: 700;

  box-shadow: none !important;

  transition: opacity 0.2s ease, transform 0.1s ease;

  white-space: nowrap;

}



.hy-pdp-sticky-cart__btn:active {

  transform: scale(0.97);

}









@media (min-width: 768px) {











  .hy-pdp__breadcrumb-wrap {



    padding-top: 40px;



  }







  .hy-pdp__layout {



    padding-top: 16px;



  }







  .hy-pdp__details-wrap {

    margin-top: 0;

  }







  .hy-pdp-add-btn {



    min-height: 56px;



    font-size: 18px;



    padding: 0 24px;



  }



}







@media (min-width: 1024px) {



  .hy-pdp__layout {



    flex-direction: row;



    gap: 40px;



  }







  .hy-pdp__media-col {

    width: calc(50% - 20px);

  }



  .hy-pdp__summary-col {

    width: calc(50% - 20px);

  }







  .hy-pdp__media-sticky,



  .hy-pdp__summary-sticky {



    position: sticky;



    top: 96px;



  }







  .hy-pdp-action-panel__layout {



    flex-direction: row;



    align-items: flex-end;



  }







  .hy-pdp-cart-form {



    width: auto;



  }







  .hy-pdp-sticky-cart {



    display: none;



  }



}







/* Ulas: Shop archive/listing shell moved to semantic classes for maintainable markup. */



/* Esra: Drawer and product-card interactions preserved with explicit is-open/is-active states. */



.hy-shop-archive {



  width: 100%;



  min-height: 100vh;



  background: #fff;



}



body.archive.woocommerce-page .hy-site-main,

body.single-product .hy-site-main {

  max-width: none !important;

  padding-left: 0 !important;

  padding-right: 0 !important;

  margin-left: auto !important;

  margin-right: auto !important;

  background: transparent !important;

}







.hy-shop-archive__breadcrumb-wrap,



.hy-shop-archive__layout {



  width: 100%;



  max-width: 1440px;



  margin-right: auto;



  margin-left: auto;



  padding-right: 16px;



  padding-left: 16px;



  box-sizing: border-box;



}







.hy-shop-archive__breadcrumb-wrap {



  padding-top: 12px;



}







.hy-shop-archive__breadcrumb {



  display: none;



}







.hy-shop-archive__layout {



  margin-top: 16px;



  display: flex;



  flex-direction: column;



  gap: 24px;



  align-items: flex-start;



  padding-bottom: 72px;



}







.hy-shop-archive-mobile-actions {



  position: fixed;



  left: 0;



  right: 0;



  bottom: 24px;



  z-index: 40;



  display: flex;



  justify-content: center;



  gap: 8px;



  padding: 0 16px;



}







.hy-shop-archive-mobile-actions__btn {



  pointer-events: auto;



  flex: 1;



  max-width: 130px;



  display: inline-flex;



  align-items: center;



  justify-content: center;



  gap: 6px;



  border: 1px solid rgba(229, 231, 235, 0.9);



  border-radius: 999px;



  padding: 10px 16px;



  background: rgba(255, 255, 255, 0.95);



  backdrop-filter: blur(8px);



  color: var(--hy-color-primary);



  font-family: "Noto Serif", serif;



  font-size: 13px;



  font-weight: 700;



  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);



}







.hy-shop-drawer {



  position: fixed;



  inset: 0;



  z-index: 200;



  opacity: 0;



  visibility: hidden;



  pointer-events: none;



  transition: opacity 0.3s ease, visibility 0.3s ease;



}







.hy-shop-drawer.is-open {



  opacity: 1;



  visibility: visible;



  pointer-events: auto;



}







.hy-shop-drawer__overlay {



  position: absolute;



  inset: 0;



  background: rgba(0, 0, 0, 0);



  transition: background 0.3s ease;



}







.hy-shop-drawer.is-open .hy-shop-drawer__overlay {



  background: rgba(0, 0, 0, 0.4);



}







.hy-shop-drawer__panel {



  position: absolute;



  left: 0;



  right: 0;



  bottom: 0;



  background: #fff;



  border-top-left-radius: 16px;



  border-top-right-radius: 16px;



  box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.12);



  transform: translateY(100%);



  transition: transform 0.3s ease;



  max-height: 70vh;



  display: flex;



  flex-direction: column;



}







.hy-shop-drawer__panel--sort {



  max-height: 60vh;



}







.hy-shop-drawer.is-open .hy-shop-drawer__panel {



  transform: translateY(0);



}







.hy-shop-drawer__head,



.hy-shop-drawer__foot {



  padding: 16px 20px;



  border-color: #f3f4f6;



  border-style: solid;



}







.hy-shop-drawer__head {



  display: flex;



  align-items: center;



  justify-content: space-between;



  border-width: 0 0 1px;



}







.hy-shop-drawer__foot {



  border-width: 1px 0 0;



}







.hy-shop-drawer__title {



  margin: 0;



  color: var(--hy-color-primary);



  font-family: "Noto Serif", serif;



  font-size: 18px;



  font-style: italic;



}







.hy-shop-drawer__close {



  width: 32px;



  height: 32px;



  border: 0;



  border-radius: 999px;



  background: #f9fafb;



  color: #6b7280;



  display: inline-flex;



  align-items: center;



  justify-content: center;



}







.hy-shop-drawer__body {



  flex: 1;



  overflow-y: auto;



  padding: 16px 20px;



}







.hy-shop-drawer__body--sort {



  padding-top: 8px;



  padding-bottom: 8px;



}







.hy-shop-drawer__apply {



  width: 100%;



  border: 0;



  border-radius: 999px;



  padding: 12px 16px;



  background: var(--hy-color-primary);



  color: #fff;



  font-family: Inter, sans-serif;



  font-size: 14px;



  font-weight: 600;



}







body.hy-shop-drawer-open {



  overflow: hidden;



}







.hy-shop-archive__sidebar {



  width: 100%;



  display: none;



}







.hy-shop-archive__main {



  width: 100%;



}







.hy-shop-archive__head {



  width: 100%;



  display: flex;



  align-items: center;



  justify-content: space-between;



  gap: 16px;



  padding-bottom: 16px;



  border-bottom: 1px solid rgba(61, 73, 40, 0.1);



  margin-bottom: 24px;



}







.hy-shop-archive__head-left {



  min-width: 0;



  display: flex;



  align-items: baseline;



  gap: 12px;



}







.hy-shop-archive__title {



  margin: 0;



  color: var(--hy-color-primary);



  font-family: "Noto Serif", serif;



  font-size: clamp(1.125rem, 2vw, 1.375rem);



  font-weight: 700;



  line-height: 1.15;



}







.hy-shop-archive__count {



  color: rgba(61, 73, 40, 0.5);



  font-size: 11px;



  font-family: Inter, sans-serif;



  font-weight: 600;



  white-space: nowrap;



}







.hy-shop-archive__sorting {



  display: none;



}







.hy-shop-archive__grid-wrap,



.hy-shop-archive__pagination-wrap {



  width: 100%;



}







.hy-shop-archive__pagination {



  margin: 48px 0 64px;



  display: flex;



  flex-direction: column;



  align-items: center;



  justify-content: center;



  position: relative;



  width: 100%;



}







.hy-shop-archive__loader {



  display: flex;



  justify-content: center;



  align-items: center;



  width: auto;



  margin: 16px auto;



}







.hy-shop-archive__loader.is-hidden {



  display: none;



}







.hy-shop-loader__logo-wrap {



  width: 55px;



  height: 55px;



  display: flex;



  justify-content: center;



  align-items: center;



  animation: hy-spin 2s linear infinite;



}







.hy-shop-loader__logo-img {



  max-width: 100%;



  max-height: 100%;



  object-fit: contain;



}







.hy-shop-loader__logo-text {



  font-family: "Noto Serif", serif;



  font-size: 20px;



  font-weight: 700;



  color: var(--hy-color-primary);



  border: 1.5px solid var(--hy-color-primary);



  width: 38px;



  height: 38px;



  border-radius: 50%;



  display: flex;



  justify-content: center;



  align-items: center;



}







.hy-shop-archive__empty {



  width: 100%;



  padding: 96px 16px;



  text-align: center;



  display: flex;



  flex-direction: column;



  align-items: center;



}







.hy-shop-archive__empty-icon-wrap {



  width: 96px;



  height: 96px;



  display: inline-flex;



  align-items: center;



  justify-content: center;



  border-radius: 999px;



  background: rgba(249, 247, 242, 0.9);



  margin-bottom: 24px;



}







.hy-shop-archive__empty-icon {



  width: 48px;



  height: 48px;



  color: rgba(61, 73, 40, 0.35);



}







.hy-shop-archive__empty-title {



  margin: 0 0 12px;



  color: var(--hy-color-primary);



  font-family: "Noto Serif", serif;



  font-size: 30px;



}







.hy-shop-archive__empty-text {



  margin: 0 0 32px;



  color: rgba(61, 73, 40, 0.6);



  max-width: 520px;



}







.hy-card {



  position: relative;



  display: flex;



  flex-direction: column;



  height: 100%;



  border-radius: 0;



  border: 1px solid #f3f4f6;



  overflow: hidden;



  background: #fff;



  transition: border-color 0.3s ease, box-shadow 0.3s ease;



}







.hy-card:hover {



  border-color: #e5e7eb;



  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);



}







.hy-card__media {



  position: relative;



  width: 100%;



  aspect-ratio: 1 / 1;



  overflow: hidden;



  background: #f9fafb;



}







.hy-card__media-link {



  position: absolute;



  inset: 0;



  z-index: 1;



}







.hy-card__badges {



  position: absolute;



  top: 8px;



  left: 8px;



  z-index: 30;



  display: flex;



  flex-direction: column;



  align-items: flex-start;



  gap: 6px;



}







.hy-card__wishlist-wrap {



  position: absolute;



  top: 12px;



  right: 12px;



  z-index: 30;



}







.hy-card__wishlist-btn {



  width: 32px;



  height: 32px;



  border: 0;



  border-radius: 999px;



  background: rgba(255, 255, 255, 0.9);



  color: #9ca3af;



  display: inline-flex;



  align-items: center;



  justify-content: center;



}







.hy-card__image {



  position: absolute;



  inset: 0;



  z-index: 2;



  width: 100%;



  height: 100%;



  object-fit: cover;



  opacity: 0;



  transition: opacity 0.3s ease;



  pointer-events: none;



}







.hy-card__image.is-active {



  z-index: 3;



  opacity: 1;



}







.hy-card__hover-zones {



  position: absolute;



  inset: 0;



  z-index: 30;



  display: none;



}







.hy-card__dots {



  position: absolute;



  left: 0;



  right: 0;



  bottom: 0;



  z-index: 40;



  display: flex;



  gap: 2px;



  border: 0;



  border-radius: 0;



  padding: 0;



  background: transparent;



  backdrop-filter: none;



  transform: none;



  opacity: 0;



  pointer-events: none;



  transition: opacity 0.25s ease;



}







.hy-card:hover .hy-card__dots {



  opacity: 1;



  pointer-events: auto;



}







.hy-card__dot {



  flex: 1;



  height: 3.5px;



  border: 0;



  border-radius: 0;



  background: rgba(0, 0, 0, 0.12);



  transition: background 0.25s ease;



  cursor: pointer;



  padding: 0;



}







.hy-card__dot.is-active {



  background: var(--hy-color-primary);



  transform: none;



}







.hy-card__best-seller {



  position: absolute;



  left: 0;



  right: 0;



  bottom: 0;



  z-index: 40;



  display: flex;



  align-items: center;



  justify-content: center;



  gap: 6px;



  padding: 4px 8px;



  background: #ff9800;



  color: #fff;



  font-size: 10px;



  font-weight: 700;



  transform: translateY(100%);



  transition: transform 0.3s ease;



  pointer-events: none;



}







.hy-card:hover .hy-card__best-seller {



  transform: translateY(0);



}







.hy-card__quick-view-wrap {



  position: absolute;



  inset: 0;



  z-index: 40;



  display: none;



  align-items: flex-end;



  justify-content: flex-end;



  padding: 16px 16px 40px;



  opacity: 0;



  pointer-events: none;



  transition: opacity 0.3s ease;



}







.hy-card:hover .hy-card__quick-view-wrap {



  opacity: 1;



}







.hy-card__content {



  position: relative;



  z-index: 10;



  flex: 1;



  display: flex;



  flex-direction: column;



  padding: 16px 14px 14px;



  background: #fff;



}







.hy-card__brand-row {



  display: flex;



  align-items: center;



  justify-content: space-between;



  margin-bottom: 8px;



}







.hy-card__brand {



  color: #6b7280;



  font-size: 10px;



  font-weight: 700;



  text-transform: uppercase;



  letter-spacing: 0.08em;



}







.hy-card__title {



  margin-bottom: 6px;



  color: #4d4d4d;



  text-decoration: none;



  font-size: 14px;



  line-height: 1.5;



}







.hy-card__title:hover {



  color: var(--hy-color-primary);



}







.hy-card__rating {



  display: flex;



  align-items: center;



  gap: 4px;



  margin-bottom: 16px;



}







.hy-card__stars {



  color: #ff9800;



  font-size: 11px;



}







.hy-card__rating-count {



  margin-left: 4px;



  color: #6b7280;



  font-size: 10px;



  font-weight: 500;



}







.hy-card__fomo {



  position: relative;



  width: 100%;



  height: 24px;



  overflow: hidden;



  margin-bottom: 18px;



}







.hy-card__fomo-list {



  margin: 0;



  padding: 0;



  display: flex;



  flex-direction: column;



  list-style: none;



  font-size: 10px;



  font-weight: 500;



  line-height: 1.2;



}







.hy-card__fomo-item {



  height: 24px;



  flex-shrink: 0;



  display: flex;



  align-items: center;



}







.hy-card__footer {



  margin-top: auto;



  display: flex;



  align-items: center;



  justify-content: space-between;



}







.hy-card__price {



  min-height: 46px;



  display: flex;



  flex-direction: column;



  align-items: flex-start;



  justify-content: center;



  color: var(--hy-color-primary);



  font-size: 16px;



  font-weight: 700;



}







.hy-card__add-to-cart {



  width: 36px;



  height: 36px;



  display: inline-flex;



  align-items: center;



  justify-content: center;



  border-radius: 999px;



  background: var(--hy-color-primary);



  color: #fff;



  text-decoration: none;



  box-shadow: 0 8px 20px rgba(61, 73, 40, 0.2);



}







@media (min-width: 768px) {



  .hy-shop-archive__breadcrumb-wrap,



  .hy-shop-archive__layout {



    padding-right: 24px;



    padding-left: 24px;



  }







  .hy-shop-archive__breadcrumb {



    display: block;



  }







  .hy-shop-archive__layout {



    margin-top: 24px;



  }







  .hy-card {



    border-radius: 0;



  }







  .hy-card__badges {



    top: 12px;



    left: 12px;



  }







  .hy-card__hover-zones,



  .hy-card__quick-view-wrap {



    display: flex;



  }







  .hy-card__content {



    padding: 22px 18px 18px;



  }







  .hy-card__title {



    font-size: 15px;



  }







  .hy-card__stars {



    font-size: 12px;



  }







  .hy-card__fomo-list {



    font-size: 11px;



  }







  .hy-card__price {



    font-size: 20px;



  }







  .hy-card__add-to-cart {



    width: auto;



    height: 44px;



    padding: 0 20px;



  }



}







@media (min-width: 1024px) {



  .hy-shop-archive-mobile-actions,



  .hy-shop-drawer {



    display: none;



  }







  .hy-shop-archive__breadcrumb-wrap,



  .hy-shop-archive__layout {



    padding-right: 40px;



    padding-left: 40px;



  }







  .hy-shop-archive__layout {



    flex-direction: row;



    gap: 40px;



  }







  .hy-shop-archive__sidebar {



    width: 280px;



    display: flex;



    flex-direction: column;



    gap: 40px;



    position: sticky;



    top: 128px;



    flex-shrink: 0;



  }







  .hy-shop-archive__sorting {



    display: block;



    margin-left: auto;



    flex-shrink: 0;



  }



}







/* Ulas: Sidebar, filter labels, sort panel and best-sellers — semantic classes. */



/* Esra: is-checked on the label drives both the box and icon states via CSS selectors. */







.hy-shop-sidebar__block {



  width: 100%;



}







.hy-shop-sidebar__heading {



  margin: 0 0 16px;



  color: rgba(61, 73, 40, 0.55);



  font-family: Inter, sans-serif;



  font-size: 13px;



  font-weight: 600;



  text-transform: uppercase;



  letter-spacing: 0.15em;



}







.hy-shop-sidebar__filter-list {



  width: 100%;



  display: flex;



  flex-direction: column;



}







.hy-shop-sidebar__bestsellers {



  display: flex;



  flex-direction: column;



  gap: 20px;



}







.hy-shop-filter-label {



  display: flex;



  align-items: center;



  gap: 12px;



  padding: 10px 0;



  border-bottom: 1px solid rgba(61, 73, 40, 0.04);



  cursor: pointer;



}







.hy-shop-filter-label:last-child {



  border-bottom: 0;



}







.hy-shop-filter-label--sidebar {



  padding: 10px 0;



}







.hy-visually-hidden {



  position: absolute;



  width: 1px;



  height: 1px;



  padding: 0;



  overflow: hidden;



  clip: rect(0, 0, 0, 0);



  white-space: nowrap;



  border: 0;



}







.hy-shop-filter-check {



  width: 20px;



  height: 20px;



  flex-shrink: 0;



  display: inline-flex;



  align-items: center;



  justify-content: center;



  border-radius: 4px;



  border: 2px solid #e5e7eb;



  transition: border-color 0.2s ease, background 0.2s ease;



}







.hy-shop-filter-check--sm {



  width: 18px;



  height: 18px;



}







.hy-shop-filter-label.is-checked .hy-shop-filter-check,



.hy-shop-filter-label:hover .hy-shop-filter-check {



  border-color: var(--hy-color-primary);



}







.hy-shop-filter-label.is-checked .hy-shop-filter-check {



  background: var(--hy-color-primary);



}







.hy-shop-filter-check__icon {



  width: 12px;



  height: 12px;



  color: #fff;



  opacity: 0;



  transition: opacity 0.15s ease;



}







.hy-shop-filter-label.is-checked .hy-shop-filter-check__icon {



  opacity: 1;



}







.hy-shop-filter-label__name {



  flex: 1;



  color: rgba(61, 73, 40, 0.8);



  font-family: Inter, sans-serif;



  font-size: 14px;



  line-height: 1.3;



  transition: color 0.2s ease;



}







.hy-shop-filter-label:hover .hy-shop-filter-label__name,



.hy-shop-filter-label.is-checked .hy-shop-filter-label__name {



  color: var(--hy-color-primary);



}







.hy-shop-filter-label__count {



  color: rgba(61, 73, 40, 0.4);



  font-family: Inter, sans-serif;



  font-size: 11px;



  font-variant-numeric: tabular-nums;



}







.hy-shop-sort-option {



  display: flex;



  align-items: center;



  justify-content: space-between;



  padding: 14px 20px;



  color: rgba(61, 73, 40, 0.7);



  text-decoration: none;



  transition: color 0.2s ease, background 0.2s ease;



}







.hy-shop-sort-option:hover {



  background: rgba(249, 247, 242, 0.4);



}







.hy-shop-sort-option.is-active {



  background: rgba(61, 73, 40, 0.05);



  color: var(--hy-color-primary);



  font-weight: 600;



}







.hy-shop-sort-option__label {



  font-family: Inter, sans-serif;



  font-size: 14px;



}







.hy-shop-sort-option__check {



  width: 20px;



  height: 20px;



  flex-shrink: 0;



  color: var(--hy-color-tertiary);



}







.hy-shop-action-icon {



  width: 14px;



  height: 14px;



  opacity: 0.7;



}







.hy-shop-drawer__close-icon {



  width: 16px;



  height: 16px;



  color: rgba(61, 73, 40, 0.6);



}







.hy-shop-bestseller-item {



  display: flex;



  align-items: center;



  gap: 14px;



  text-decoration: none;



}







.hy-shop-bestseller-item__thumb {



  width: 65px;



  height: 65px;



  border-radius: 8px;



  overflow: hidden;



  flex-shrink: 0;



  background: rgba(249, 247, 242, 0.5);



}







.hy-shop-bestseller-item__img {



  width: 100%;



  height: 100%;



  object-fit: cover;



  mix-blend-mode: multiply;



  transition: transform 0.7s ease;



}







.hy-shop-bestseller-item:hover .hy-shop-bestseller-item__img {



  transform: scale(1.1);



}







.hy-shop-bestseller-item__body {



  flex: 1;



  display: flex;



  flex-direction: column;



  padding: 2px 0;



}







.hy-shop-bestseller-item__name {



  margin: 0 0 4px;



  color: rgba(61, 73, 40, 0.75);



  font-family: Inter, sans-serif;



  font-size: 13px;



  font-weight: 500;



  line-height: 1.35;



  overflow: hidden;



  display: -webkit-box;



  -webkit-line-clamp: 2;



  -webkit-box-orient: vertical;



  transition: color 0.2s ease;



}







.hy-shop-bestseller-item:hover .hy-shop-bestseller-item__name {



  color: var(--hy-color-primary);



}







.hy-shop-bestseller-item__price {



  color: var(--hy-color-primary);



  font-size: 13px;



  font-weight: 700;



}







/* ==========================================



 * Ulas: Product Grid



 * Esra: Loop grid replaces Tailwind grid cols utility.



 * ========================================== */







.hy-product-grid {



  display: grid;



  grid-template-columns: repeat(2, 1fr);



  gap: 6px;



  width: 100%;



  margin-top: 1rem;



  mix-blend-mode: multiply;



}







@media (min-width: 768px) {



  .hy-product-grid {



    grid-template-columns: repeat(3, 1fr);



    gap: 1.25rem;



    margin-top: 2rem;



  }



}







@media (min-width: 1024px) {



  .hy-product-grid {



    grid-template-columns: repeat(3, 1fr);



    gap: 2rem;



  }



}







.hy-product-grid--related {



  gap: 1rem;



}







@media (min-width: 768px) {



  .hy-product-grid--related {



    display: flex !important;



    flex-wrap: wrap !important;



    justify-content: center !important;



    gap: 1.5rem !important;



  }



  .hy-product-grid--related > * {



    flex: 0 0 calc(33.333% - 1rem) !important;



    max-width: calc(33.333% - 1rem) !important;



  }



}







@media (min-width: 1024px) {



  .hy-product-grid--related > * {



    flex: 0 0 calc(25% - 1.125rem) !important;



    max-width: calc(25% - 1.125rem) !important;



  }



}







/* ==========================================



 * Ulas: PDP Related Products Section



 * Esra: Semantic wrapper + heading for related products.



 * ========================================== */







.hy-pdp-related {

  margin-top: 2rem;

  padding-top: 2rem;

  border-top: 1px solid var(--hy-color-border);

}







.hy-pdp-related__title {



  font-size: 1.5rem;



  font-family: var(--font-headline, serif);



  font-weight: 800;



  color: var(--hy-color-primary);



  margin-bottom: 2rem;



}







@media (min-width: 768px) {



  .hy-pdp-related__title {



    font-size: 1.875rem;



  }



}







/* ==========================================



 * Ulas: PDP Meta (SKU / Categories / Tags)



 * Esra: Row-based semantic meta block.



 * ========================================== */







.hy-pdp-meta {

  margin-top: 1.5rem;

  padding-top: 1rem;

  border-top: 1px solid var(--hy-color-border);

  display: flex !important;

  flex-direction: row !important;

  flex-wrap: wrap !important;

  align-items: center !important;

  column-gap: 1.25rem !important;

  row-gap: 0.5rem !important;

  font-size: 0.75rem !important;

  color: rgba(61, 73, 40, 0.7) !important;

}



.hy-pdp-meta__row {

  display: inline-flex !important;

  align-items: center !important;

  gap: 0.375rem !important;

  margin: 0 !important;

}



.hy-pdp-meta__value {

  font-weight: 500 !important;

  color: var(--hy-color-primary) !important;

  background: var(--hy-color-soft) !important;

  border: 1px solid var(--hy-color-border) !important;

  padding: 0.0625rem 0.375rem !important;

  border-radius: 4px !important;

}



.hy-pdp-meta__value a {

  color: inherit !important;

  text-decoration: none !important;

}



.hy-pdp-meta__value a:hover {

  text-decoration: underline !important;

}









/* ==========================================



 * Ulas: PDP Price Row (for variable/grouped)



 * Esra: Price row + discount badge.



 * ========================================== */







.hy-pdp-price-wrap {



  margin-bottom: 1.5rem;



}







.hy-pdp-price__row {



  display: flex;



  align-items: center;



  flex-wrap: wrap;



  column-gap: 0.75rem;



  row-gap: 0.25rem;



}







.hy-pdp-price__discount-badge {



  display: inline-flex;



  align-items: center;



  justify-content: center;



  padding: 0.25rem 0.75rem;



  margin-left: 0.5rem;



  font-size: 0.875rem;



  font-weight: 700;



  letter-spacing: 0.05em;



  color: #fff;



  background: #ef4444;



  border-radius: 9999px;



  box-shadow: 0 1px 4px rgba(0,0,0,0.1);



  animation: hy-pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;



}







@keyframes hy-pulse {



  0%, 100% { opacity: 1; }



  50% { opacity: 0.75; }



}







/* ==========================================



 * Accessibility / Screen Reader Helper



 * ========================================== */



.sr-only,



.screen-reader-text {



  position: absolute !important;



  width: 1px !important;



  height: 1px !important;



  padding: 0 !important;



  margin: -1px !important;



  overflow: hidden !important;



  clip: rect(0, 0, 0, 0) !important;



  white-space: nowrap !important;



  border: 0 !important;



}







/* ==========================================



 * Ulas: Quantity Input



 * Esra: Semantic wrapper + buttons for qty stepper.



 * ========================================== */







/* ==========================================



 * Ulas: Site Main Wrapper (WooCommerce)



 * Esra: Container for all WC pages.



 * ========================================== */







.hy-site-main {



  width: 100%;



  max-width: var(--container-max, 1280px);



  margin-left: auto;



  margin-right: auto;



  padding-left: 1rem;



  padding-right: 1rem;



  margin-top: 1rem;



  margin-bottom: 4rem;



  position: relative;



  z-index: 10;



  background: #fff;



}







@media (min-width: 1024px) {



  .hy-site-main {



    padding-left: 2rem;



    padding-right: 2rem;



  }



}







/* ==========================================



 * Ulas: WooCommerce Breadcrumb



 * Esra: Semantic breadcrumb nav matching visual design.



 * ========================================== */







.hy-breadcrumb {



  font-size: 13px;



  color: rgba(61, 73, 40, 0.45);



  display: block;



  width: 100%;



  white-space: nowrap;



  overflow: hidden;



  text-overflow: ellipsis;



}







.hy-breadcrumb__sep {



  margin: 0 0.375rem;



  color: rgba(61, 73, 40, 0.25);



  font-size: 10px;



  user-select: none;



  flex-shrink: 0;



}







.hy-breadcrumb__item {



  cursor: pointer;



  transition: color 0.2s;



}







.hy-breadcrumb__item:hover { color: rgba(61, 73, 40, 0.7); }







/* ==========================================



 * Ulas: Product Card Badges (hy-card)



 * Esra: Badge variants for featured and custom.



 * ========================================== */







.hy-card__badge {



  display: flex;



  align-items: center;



  gap: 0.25rem;



  font-size: 8px;



  font-weight: 700;



  text-transform: uppercase;



  letter-spacing: 0.1em;



  border-radius: 6px;



  padding: 0.125rem 0.375rem;



  pointer-events: none;



  box-shadow: 0 1px 4px rgba(0,0,0,0.08);



}







@media (min-width: 768px) {



  .hy-card__badge {



    font-size: 10px;



    padding: 0.25rem 0.625rem;



    border-radius: 8px;



    gap: 0.25rem;



  }



}







.hy-card__badge--featured {



  background: rgba(255,255,255,0.8);



  border: 1px solid var(--hy-color-tertiary);



  color: var(--hy-color-tertiary);



  backdrop-filter: blur(8px);



}







.hy-card__badge--custom {



  background: rgba(26, 46, 26, 0.95);



  border: 1px solid rgba(42, 58, 42, 1);



  color: #fff;



  position: relative;



  overflow: hidden;



  backdrop-filter: blur(8px);



}







.hy-card__badge-icon {



  width: 10px;



  height: 10px;



  opacity: 0.8;



}







@media (min-width: 768px) {



  .hy-card__badge-icon { width: 14px; height: 14px; }



}







.hy-card__badge-shimmer {



  position: absolute;



  inset: 0;



  width: 100%;



  height: 100%;



  background: linear-gradient(to right, transparent, rgba(255,255,255,0.1), transparent);



  transform: translateX(-100%);



  animation: hy-shimmer 2s infinite;



}







.hy-card__badge-dot {



  width: 4px;



  height: 4px;



  border-radius: 9999px;



  background: var(--hy-color-tertiary);



  animation: hy-pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;



  box-shadow: 0 0 8px rgba(197,160,89,0.8);



  flex-shrink: 0;



  margin-right: 4px;



}







@media (min-width: 768px) {



  .hy-card__badge-dot { width: 6px; height: 6px; }



}







.hy-card__hover-zone {



  flex: 1;



  height: 100%;



  cursor: pointer;



}







.hy-card__wishlist-icon {



  width: 18px;



  height: 18px;



  transition: transform 0.2s;



}







@media (min-width: 768px) { .hy-card__wishlist-icon { width: 20px; height: 20px; } }



.hy-card__wishlist-btn:hover .hy-card__wishlist-icon { transform: scale(1.1); }







.hy-card__best-seller-star {



  width: 14px;



  height: 14px;



  color: rgba(255,255,255,0.85);



}







.hy-card__quick-view-btn {



  background: rgba(255,255,255,0.95);



  backdrop-filter: blur(4px);



  box-shadow: 0 8px 30px rgba(0,0,0,0.14);



  border-radius: 9999px;



  font-size: 11px;



  font-weight: 700;



  color: #1f2937;



  padding: 0.375rem 0.875rem;



  display: flex;



  align-items: center;



  gap: 0.375rem;



  pointer-events: auto;



  transform: translateY(8px);



  transition: transform 0.2s, background 0.15s;



  border: none;



  cursor: pointer;



}







.hy-card:hover .hy-card__quick-view-btn { transform: translateY(0); }



.hy-card__quick-view-btn:hover { background: var(--hy-color-soft); }







.hy-card__quick-view-icon {



  width: 14px;



  height: 14px;



}







.hy-card__star--empty { color: #e5e7eb; }







/* hy-card-fomo semantic classes */



.hy-card-fomo {



  display: inline-flex;



  align-items: center;



  gap: 0.375rem;



  padding: 0.125rem 0.5rem;



  border-radius: 9999px;



  white-space: nowrap;



  font-size: inherit;



}







.hy-card-fomo--discount { color: #E65100; background: #FFF3E0; }



.hy-card-fomo--shipping { color: #047857; background: #ecfdf5; }



.hy-card-fomo--time     { color: #1d4ed8; background: #eff6ff; }







.hy-card-fomo--views {



  display: inline-flex;



  align-items: flex-start;



  color: #6d28d9;



  background: #f5f3ff;



  padding: 0.25rem 0.5rem;



  border-radius: 8px;



  white-space: normal;



  text-align: left;



}







@media (min-width: 768px) {



  .hy-card-fomo--views {



    align-items: center;



    border-radius: 9999px;



    white-space: nowrap;



  }



}







.hy-card-fomo--stock { color: #b91c1c; background: #fef2f2; }







.hy-card-fomo__icon {



  width: 14px;



  height: 14px;



  flex-shrink: 0;



}







/* ==========================================



 * Ulas: PDP Gallery (product-image.php)



 * Esra: Badge overlays and gallery wrapper.



 * ========================================== */







.hy-pdp-gallery__badges {



  position: absolute;



  top: 1rem;



  left: 1rem;



  z-index: 40;



  display: flex;



  flex-direction: column;



  gap: 0.625rem;



  align-items: flex-start;



  pointer-events: none;



}







@media (min-width: 768px) {



  .hy-pdp-gallery__badges {



    top: 1.5rem;



    left: 1.5rem;



  }



}







.hy-pdp-gallery__badge {



  display: flex;



  align-items: center;



  gap: 0.375rem;



  font-size: 10px;



  font-weight: 700;



  text-transform: uppercase;



  letter-spacing: 0.15em;



  padding: 0.375rem 0.75rem;



  border-radius: 9999px;



  box-shadow: 0 8px 30px rgba(0,0,0,0.12);



}







@media (min-width: 768px) {



  .hy-pdp-gallery__badge {



    font-size: 11px;



    padding: 0.5rem 1rem;



  }



}







.hy-pdp-gallery__badge--featured {



  background: rgba(255,255,255,0.9);



  border: 1px solid rgba(197,160,89,0.4);



  color: var(--hy-color-tertiary);



  backdrop-filter: blur(12px);



}







.hy-pdp-gallery__badge--custom {



  background: rgba(61,73,40,0.95);



  border: 1px solid rgba(197,160,89,0.3);



  color: #fff;



  backdrop-filter: blur(12px);



  position: relative;



  overflow: hidden;



}







.hy-pdp-gallery__badge-icon {



  width: 14px;



  height: 14px;



  opacity: 0.8;



}







@media (min-width: 768px) {



  .hy-pdp-gallery__badge-icon { width: 16px; height: 16px; }



}







.hy-pdp-gallery__badge-shimmer {



  position: absolute;



  inset: 0;



  background: linear-gradient(to right, transparent, rgba(255,255,255,0.2), transparent);



  transform: translateX(-100%);



  animation: hy-shimmer 3s infinite;



}







.hy-pdp-gallery__badge-dot {



  width: 6px;



  height: 6px;



  border-radius: 9999px;



  background: var(--hy-color-tertiary);



  animation: hy-pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;



  box-shadow: 0 0 8px rgba(197,160,89,0.8);



  flex-shrink: 0;



}







@media (min-width: 768px) {



  .hy-pdp-gallery__badge-dot { width: 8px; height: 8px; }



}







.hy-pdp-gallery__wrapper {



  position: relative;



  overflow: hidden;



  border-radius: 1rem;



}







/* ==========================================



 * Ulas: Gallery Lightbox Modal



 * Esra: Full-screen premium lightbox with state classes.



 * ========================================== */







.hy-gallery-modal {



  position: fixed;



  inset: 0;



  z-index: 9999;



  display: none;



  flex-direction: column;



  align-items: center;



  justify-content: center;



  background: rgba(0,0,0,0.95);



  backdrop-filter: blur(24px);



  opacity: 0;



  transition: opacity 0.3s ease;



}







.hy-gallery-modal.is-open {



  display: flex;



  opacity: 1;



}







.hy-gallery-modal__close {



  position: absolute;



  top: 1rem;



  right: 1rem;



  width: 2.75rem;



  height: 2.75rem;



  display: flex;



  align-items: center;



  justify-content: center;



  background: rgba(0,0,0,0.4);



  border: 1px solid rgba(255,255,255,0.1);



  border-radius: 9999px;



  color: #fff;



  cursor: pointer;



  z-index: 100;



  box-shadow: 0 2px 12px rgba(0,0,0,0.3);



  backdrop-filter: blur(8px);



  transition: background 0.15s, transform 0.15s;



}







.hy-gallery-modal__close:hover { background: rgba(0,0,0,0.6); }



.hy-gallery-modal__close:active { transform: scale(0.95); }







@media (min-width: 768px) {



  .hy-gallery-modal__close {



    top: 2rem;



    right: 2rem;



    width: 3.5rem;



    height: 3.5rem;



  }



}







.hy-gallery-modal__prev,



.hy-gallery-modal__next {



  position: absolute;



  top: 50%;



  transform: translateY(-50%);



  width: 2.75rem;



  height: 2.75rem;



  display: none;



  align-items: center;



  justify-content: center;



  background: rgba(0,0,0,0.4);



  border: 1px solid rgba(255,255,255,0.1);



  border-radius: 9999px;



  color: #fff;



  cursor: pointer;



  z-index: 100;



  box-shadow: 0 2px 12px rgba(0,0,0,0.3);



  backdrop-filter: blur(8px);



  transition: background 0.15s, transform 0.15s;



}







.hy-gallery-modal__prev:active,



.hy-gallery-modal__next:active { transform: translateY(-50%) scale(0.95); }







.hy-gallery-modal__prev { left: 0.5rem; }



.hy-gallery-modal__next { right: 0.5rem; }







.hy-gallery-modal__prev:hover,



.hy-gallery-modal__next:hover { background: rgba(0,0,0,0.6); }







.hy-gallery-modal__prev.is-visible,



.hy-gallery-modal__next.is-visible { display: flex; }







@media (min-width: 768px) {



  .hy-gallery-modal__prev { left: 2rem; }



  .hy-gallery-modal__next { right: 2rem; }



  .hy-gallery-modal__prev,



  .hy-gallery-modal__next { width: 3.5rem; height: 3.5rem; }



}







.hy-gallery-modal__nav-icon {



  width: 1.25rem;



  height: 1.25rem;



  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.5));



}







@media (min-width: 768px) {



  .hy-gallery-modal__nav-icon { width: 1.5rem; height: 1.5rem; }



}







.hy-gallery-modal__img-container {



  position: relative;



  flex: 1;



  width: 100%;



  display: flex;



  align-items: center;



  justify-content: center;



  padding: 1rem 1rem 6rem;



  cursor: pointer;



  user-select: none;



}







@media (min-width: 768px) {



  .hy-gallery-modal__img-container {



    padding: 3rem 3rem 8rem;



  }



}







.hy-gallery-modal__spinner {



  position: absolute;



  inset: 0;



  display: flex;



  align-items: center;



  justify-content: center;



  pointer-events: none;



  opacity: 0;



  transition: opacity 0.3s;



  z-index: 0;



}







.hy-gallery-modal__spinner.is-active { opacity: 1; }







.hy-gallery-modal__spinner-ring {



  width: 2.5rem;



  height: 2.5rem;



  border: 4px solid rgba(197,160,89,0.3);



  border-top-color: var(--hy-color-tertiary);



  border-radius: 9999px;



  animation: hy-spin 0.8s linear infinite;



}







@keyframes hy-spin { to { transform: rotate(360deg); } }







.hy-gallery-modal__image {



  max-width: 100%;



  max-height: 100%;



  border-radius: 0;



  transition: transform 0.5s ease, opacity 0.5s ease;



  transform: scale(0.95);



  opacity: 0;



  z-index: 10;



  cursor: auto;



}







@media (min-width: 768px) {



  .hy-gallery-modal__image { border-radius: 0.5rem; }



}







.hy-gallery-modal__image.is-ready {



  transform: scale(1);



  opacity: 1;



}







.hy-gallery-modal__thumbs {



  position: absolute;



  bottom: 1rem;



  left: 50%;



  transform: translateX(-50%);



  max-width: 95vw;



  display: none;



  align-items: center;



  gap: 0.5rem;



  padding: 0.5rem;



  background: rgba(255,255,255,0.1);



  backdrop-filter: blur(12px);



  border-radius: 1rem;



  z-index: 100;



  overflow-x: auto;



  scroll-snap-type: x mandatory;



  border: 1px solid rgba(255,255,255,0.1);



  box-shadow: 0 8px 30px rgba(0,0,0,0.4);



}







@media (min-width: 768px) {



  .hy-gallery-modal__thumbs {



    bottom: 2rem;



    max-width: 80vw;



    gap: 0.75rem;



  }



}







.hy-gallery-modal__thumbs.is-visible { display: flex; }







.hy-gallery-modal__thumb {



  width: 3.5rem;



  height: 3.5rem;



  border-radius: 0.75rem;



  overflow: hidden;



  border: 2px solid transparent;



  flex-shrink: 0;



  scroll-snap-align: center;



  opacity: 0.5;



  transition: opacity 0.2s, border-color 0.2s, transform 0.2s;



  cursor: pointer;



  background: none;



  padding: 0;



}







@media (min-width: 768px) {



  .hy-gallery-modal__thumb { width: 4rem; height: 4rem; }



}







.hy-gallery-modal__thumb:hover { opacity: 1; }







.hy-gallery-modal__thumb.is-active {



  border-color: #fff;



  opacity: 1;



  transform: scale(1.05);



  box-shadow: 0 2px 10px rgba(0,0,0,0.4);



}







.hy-gallery-modal__thumb-img {



  width: 100%;



  height: 100%;



  object-fit: cover;



}







/* ==========================================



 * Ulas: Quick View Modal (hy-qv-*)



 * Esra: Full semantic quick view overlay.



 * ========================================== */







.hy-qv-overlay {



  position: fixed;



  inset: 0;



  z-index: 9999;



  display: none;



  opacity: 0;



  transition: opacity 0.3s ease;



}







.hy-qv-overlay.is-open {



  display: block;



  opacity: 1;



}







.hy-qv-backdrop {



  position: absolute;



  inset: 0;



  background: rgba(0,0,0,0.6);



  backdrop-filter: blur(4px);



}







.hy-qv-positioner {



  position: absolute;



  inset: 0;



  display: flex;



  align-items: center;



  justify-content: center;



  padding: 1rem;



  pointer-events: none;



}







@media (min-width: 768px) {



  .hy-qv-positioner { padding: 2rem; }



}







.hy-qv-panel {



  background: #fff;



  border-radius: 1rem;



  box-shadow: 0 20px 60px rgba(0,0,0,0.25);



  width: 100%;



  max-width: 920px;



  max-height: 90vh;



  overflow: hidden;



  pointer-events: auto;



  position: relative;



  display: flex;



  flex-direction: column;



  transform: scale(0.95) translateY(16px);



  transition: transform 0.3s ease, opacity 0.3s ease;



  opacity: 0;



}







@media (min-width: 768px) {



  .hy-qv-panel { border-radius: 1.5rem; }



}







.hy-qv-overlay.is-open .hy-qv-panel {



  transform: scale(1) translateY(0);



  opacity: 1;



}







.hy-qv-close {



  position: absolute;



  top: 0.75rem;



  right: 0.75rem;



  z-index: 50;



  width: 2.25rem;



  height: 2.25rem;



  border-radius: 9999px;



  background: var(--hy-color-soft);



  border: none;



  display: flex;



  align-items: center;



  justify-content: center;



  color: var(--hy-color-muted);



  cursor: pointer;



  transition: background 0.15s, color 0.15s;



}







.hy-qv-close:hover { background: var(--hy-color-border); color: var(--hy-color-ink); }







@media (min-width: 768px) {



  .hy-qv-close { top: 1rem; right: 1rem; width: 2.5rem; height: 2.5rem; }



}







.hy-qv-close__icon { width: 1.25rem; height: 1.25rem; }







.hy-qv-scroll {



  overflow-y: auto;



  overscroll-behavior: contain;



  flex: 1;



}







.hy-qv-loading {



  display: flex;



  align-items: center;



  justify-content: center;



  padding: 6rem 1rem;



}







.hy-qv-loading.is-hidden { display: none; }







.hy-qv-loading__inner {



  display: flex;



  flex-direction: column;



  align-items: center;



  gap: 0.75rem;



}







.hy-qv-loading__spinner {



  width: 2.5rem;



  height: 2.5rem;



  border: 3px solid var(--hy-color-border);



  border-top-color: var(--hy-color-primary);



  border-radius: 9999px;



  animation: hy-spin 0.8s linear infinite;



}







.hy-qv-loading__text {



  font-size: 0.875rem;



  color: var(--hy-color-muted);



}







.hy-qv-content { display: block; }



.hy-qv-content.is-hidden { display: none; }







.hy-qv-layout {



  display: flex;



  flex-direction: column;



}







@media (min-width: 768px) {



  .hy-qv-layout { flex-direction: row; }



}







.hy-qv-gallery {



  width: 100%;



  position: relative;



  background: var(--hy-color-soft);



  flex-shrink: 0;



}







@media (min-width: 768px) {



  .hy-qv-gallery { width: 46%; }



}







.hy-qv-badges {



  position: absolute;



  top: 0.75rem;



  left: 0.75rem;



  z-index: 10;



  display: flex;



  flex-direction: column;



  gap: 0.25rem;



  align-items: flex-start;



}







@media (min-width: 768px) {



  .hy-qv-badges { top: 1rem; left: 1rem; gap: 0.375rem; }



}







.hy-qv-badge {



  display: flex;



  align-items: center;



  gap: 0.25rem;



  font-size: 8px;



  font-weight: 700;



  text-transform: uppercase;



  letter-spacing: 0.1em;



  border-radius: 6px;



  padding: 0.125rem 0.375rem;



  pointer-events: none;



}







@media (min-width: 768px) {



  .hy-qv-badge { font-size: 10px; padding: 0.25rem 0.625rem; border-radius: 8px; }



}







.hy-qv-badge--featured {



  background: rgba(255,255,255,0.8);



  border: 1px solid var(--hy-color-tertiary);



  color: var(--hy-color-tertiary);



  backdrop-filter: blur(8px);



  box-shadow: 0 1px 4px rgba(0,0,0,0.08);



}







.hy-qv-badge--featured.is-hidden { display: none; }







.hy-qv-badge--custom {



  background: #1a2e1a;



  border: 1px solid #2a3a2a;



  color: #fff;



  position: relative;



  overflow: hidden;



}







.hy-qv-badge__icon {



  width: 10px;



  height: 10px;



}







@media (min-width: 768px) { .hy-qv-badge__icon { width: 14px; height: 14px; } }







.hy-qv-badge__shimmer {



  position: absolute;



  inset: 0;



  background: linear-gradient(to right, transparent, rgba(255,255,255,0.1), transparent);



  transform: translateX(-100%);



  animation: hy-shimmer 2s infinite;



}







.hy-qv-badge__dot {



  width: 4px;



  height: 4px;



  border-radius: 9999px;



  background: var(--hy-color-tertiary);



  animation: hy-pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;



  flex-shrink: 0;



  margin-right: 2px;



}







@media (min-width: 768px) {



  .hy-qv-badge__dot { width: 6px; height: 6px; margin-right: 4px; }



}







.hy-qv-badges__custom {



  display: flex;



  flex-direction: column;



  gap: 0.25rem;



  align-items: flex-start;



}







@media (min-width: 768px) { .hy-qv-badges__custom { gap: 0.375rem; } }







.hy-qv-gallery__img-wrap {



  aspect-ratio: 1;



  width: 100%;



  overflow: hidden;



}







.hy-qv-gallery__img {



  width: 100%;



  height: 100%;



  object-fit: contain;



  transition: opacity 0.3s;



}







.hy-qv-thumbs {



  display: flex;



  gap: 0.5rem;



  padding: 0.75rem;



  overflow-x: auto;



}







@media (min-width: 768px) { .hy-qv-thumbs { padding: 1rem; } }







.hy-qv-thumb {



  width: 3.5rem;



  height: 3.5rem;



  border-radius: 0.5rem;



  overflow: hidden;



  border: 2px solid transparent;



  flex-shrink: 0;



  opacity: 0.6;



  transition: opacity 0.2s, border-color 0.2s;



  cursor: pointer;



  background: none;



  padding: 0;



}







@media (min-width: 768px) { .hy-qv-thumb { width: 4rem; height: 4rem; } }







.hy-qv-thumb:hover { opacity: 1; }



.hy-qv-thumb.is-active { border-color: var(--hy-color-primary); opacity: 1; }







.hy-qv-thumb__img {



  width: 100%;



  height: 100%;



  object-fit: cover;



}







.hy-qv-info {



  flex: 1;



  padding: 1.25rem;



  display: flex;



  flex-direction: column;



}







@media (min-width: 768px) { .hy-qv-info { padding: 2rem; } }







.hy-qv-info__cats {



  font-size: 11px;



  font-weight: 700;



  color: var(--hy-color-muted);



  text-transform: uppercase;



  letter-spacing: 0.15em;



  margin-bottom: 0.5rem;



}







.hy-qv-info__title {



  font-family: var(--font-headline, serif);



  font-size: 1.25rem;



  font-weight: 700;



  color: var(--hy-color-ink);



  line-height: 1.3;



  margin: 0 0 0.75rem;



}







@media (min-width: 768px) { .hy-qv-info__title { font-size: 1.5rem; } }







.hy-qv-info__rating {



  display: flex;



  align-items: center;



  gap: 0.5rem;



  margin-bottom: 1rem;



}







.hy-qv-info__stars {



  display: flex;



  color: var(--hy-color-gold-strong);



  font-size: 0.875rem;



}







.hy-qv-star--empty { color: var(--hy-color-border); }







.hy-qv-info__rating-count {



  font-size: 0.75rem;



  color: var(--hy-color-muted);



  font-weight: 500;



}







.hy-qv-info__price {



  font-weight: 700;



  color: var(--hy-color-primary);



  font-size: 1.5rem;



  margin-bottom: 1rem;



}







@media (min-width: 768px) { .hy-qv-info__price { font-size: 1.875rem; } }







.hy-qv-info__stock {



  display: flex;



  align-items: center;



  gap: 0.5rem;



  margin-bottom: 1rem;



}







.hy-qv-info__stock-dot {



  width: 10px;



  height: 10px;



  border-radius: 9999px;



  background: #10b981;



  flex-shrink: 0;



}







.hy-qv-info__stock-dot--out { background: #ef4444; }







.hy-qv-info__stock-text {



  font-size: 0.875rem;



  font-weight: 500;



  color: #047857;



}







.hy-qv-info__stock-text--out { color: #dc2626; }







.hy-qv-info__desc {



  font-size: 0.875rem;



  color: var(--hy-color-muted);



  line-height: 1.6;



  margin-bottom: 1.5rem;



  display: -webkit-box;



  -webkit-line-clamp: 4;



  -webkit-box-orient: vertical;



  overflow: hidden;



}







.hy-qv-info__sku {



  font-size: 0.75rem;



  color: var(--hy-color-muted);



  margin-bottom: 1rem;



}







.hy-qv-info__sku.is-hidden { display: none; }







.hy-qv-cart {



  margin-top: auto;



  display: flex;



  flex-direction: column;



  gap: 0.75rem;



}







.hy-qv-cart__row {



  display: flex;



  align-items: center;



  gap: 0.75rem;



}







.hy-qv-qty {



  display: flex;



  align-items: center;



  border: 1px solid var(--hy-color-border);



  border-radius: 0.75rem;



  overflow: hidden;



  background: var(--hy-color-soft);



  flex-shrink: 0;



}







.hy-qv-qty__btn {



  width: 2.75rem;



  height: 2.75rem;



  display: flex;



  align-items: center;



  justify-content: center;



  color: var(--hy-color-muted);



  font-size: 1.125rem;



  font-weight: 500;



  background: none;



  border: none;



  cursor: pointer;



  transition: color 0.15s, background 0.15s;



}







.hy-qv-qty__btn:hover { color: var(--hy-color-ink); background: var(--hy-color-border); }







.hy-qv-qty__input {



  width: 3rem;



  height: 2.75rem;



  text-align: center;



  border-left: 1px solid var(--hy-color-border);



  border-right: 1px solid var(--hy-color-border);



  background: #fff;



  font-size: 0.875rem;



  font-weight: 700;



  color: var(--hy-color-ink);



  outline: none;



  -webkit-appearance: none;



  -moz-appearance: textfield;



  appearance: none;



}







.hy-qv-qty__input::-webkit-outer-spin-button,



.hy-qv-qty__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }







.hy-qv-cart__add-btn {



  flex: 1;



  height: 2.75rem;



  background: var(--hy-color-primary);



  color: #fff;



  font-weight: 700;



  font-size: 0.875rem;



  border-radius: 0.75rem;



  display: flex;



  align-items: center;



  justify-content: center;



  gap: 0.5rem;



  border: none;



  cursor: pointer;



  transition: background 0.15s;



  box-shadow: 0 4px 14px rgba(61,73,40,0.2);



}







.hy-qv-cart__add-btn:hover { background: var(--hy-color-secondary); }



.hy-qv-cart__add-btn:disabled { opacity: 0.5; cursor: not-allowed; }







.hy-qv-cart__add-icon { width: 1.25rem; height: 1.25rem; }







.hy-qv-success {



  background: #ecfdf5;



  border: 1px solid #a7f3d0;



  color: #047857;



  font-size: 0.875rem;



  font-weight: 500;



  border-radius: 0.75rem;



  padding: 0.75rem 1rem;



  display: flex;



  align-items: center;



  gap: 0.5rem;



}







.hy-qv-success.is-hidden { display: none; }







.hy-qv-success__icon { width: 1.25rem; height: 1.25rem; flex-shrink: 0; }







.hy-qv-info__permalink {



  display: block;



  text-align: center;



  font-size: 0.875rem;



  font-weight: 500;



  color: var(--hy-color-primary);



  text-decoration: underline;



  text-underline-offset: 4px;



  transition: color 0.15s;



  margin-top: 0.25rem;



}







.hy-qv-info__permalink:hover { color: var(--hy-color-secondary); }







/* ==========================================



 * Ulas: PDP Shipping Notice + Free Shipping Bar



 * Esra: Shipping cutoff notice and progress bar.



 * ========================================== */







.hy-pdp-shipping {



  width: 100%;



  display: flex;



  flex-direction: column;



  gap: 0.625rem;



  margin-top: 1.25rem;



}







.hy-pdp-shipping__row {



  display: flex;



  align-items: center;



  justify-content: space-between;



  gap: 0.75rem;



  padding: 0.75rem;



  border-radius: 0.5rem;



  border: 1px solid rgba(61,73,40,0.1);



  background: rgba(61,73,40,0.04);



}







.hy-pdp-shipping__icon {



  flex-shrink: 0;



  color: rgba(61,73,40,0.7);



}







.hy-pdp-shipping__svg {



  width: 1.25rem;



  height: 1.25rem;



}







@media (min-width: 768px) {



  .hy-pdp-shipping__svg { width: 1.5rem; height: 1.5rem; }



}







.hy-pdp-shipping__text {



  flex: 1;



  font-size: 13px;



  line-height: 1.4;



  color: var(--hy-color-primary);



  text-align: left;



}







@media (min-width: 768px) { .hy-pdp-shipping__text { font-size: 0.875rem; } }







.hy-pdp-shipping__day { font-weight: 700; color: var(--hy-color-primary); }







.hy-pdp-shipping__countdown {



  display: block;



  margin-top: 2px;



  font-size: 11px;



  color: rgba(61,73,40,0.6);



}







.hy-pdp-shipping__free-badge {

  display: inline-flex;

  align-items: center;

  gap: 6px;

  margin-top: 8px;

  padding: 6px 14px;

  color: #16a34a; /* Premium green */

  background: #f0fdf4; /* Soft green tint */

  border: 1px solid rgba(22, 163, 74, 0.15); /* Soft border */

  border-radius: 99px; /* Pill */

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 0.03em;

  text-transform: uppercase;

}







.hy-pdp-shipping__free-icon { width: 1rem; height: 1rem; color: #16a34a; }







.hy-pdp-shipping__progress-wrap {



  padding: 0 0.25rem;



  margin-top: 0.25rem;



  text-align: left;



  width: 100%;



}







.hy-pdp-shipping__progress-head { margin-bottom: 0.375rem; }







.hy-pdp-shipping__progress-text {



  font-size: 11px;



  color: rgba(61,73,40,0.7);



}







.hy-pdp-shipping__progress-bar {



  width: 100%;



  background: var(--hy-color-border);



  border-radius: 9999px;



  height: 6px;



  overflow: hidden;



}







.hy-pdp-shipping__progress-fill {



  background: var(--hy-color-primary);



  height: 6px;



  border-radius: 9999px;



  transition: width 1s ease-out;



}







/* ==========================================



 * Ulas: PDP Trust Panel (unified — static defaults + customizer overrides)



 * Esra: Replaces both old hy-pdp-trust-badges and hy-pdp-trust-panel.



 * ========================================== */







@keyframes hy-shimmer {



  to { transform: translateX(100%); }



}







/* ==========================================



 * Ulas: PDP Title



 * Esra: Semantic h1 title on product page.



 * ========================================== */







.hy-pdp-title {



  font-family: var(--font-headline, serif);



  font-size: 1.5rem;



  font-weight: 800;



  color: var(--hy-color-primary);



  line-height: 1.2;



  margin: 0 0 0.5rem;



}







@media (min-width: 768px) { .hy-pdp-title { font-size: 1.875rem; } }



@media (min-width: 1024px) { .hy-pdp-title { font-size: 2.25rem; } }







/* ==========================================



 * Ulas: Product Card Add-to-Cart button elements



 * Esra: Label hidden on mobile, icon with hover.



 * ========================================== */







.hy-card__add-label {



  display: none;



  font-size: 0.875rem;



  font-weight: 500;



  margin-right: 0.5rem;



}







@media (min-width: 768px) {



  .hy-card__add-label { display: inline-block; }



}







.hy-card__add-icon {



  width: 1rem;



  height: 1rem;



  transition: transform 0.2s;



}







@media (min-width: 768px) {



  .hy-card__add-icon { width: 1.25rem; height: 1.25rem; }



}







.hy-card__add-to-cart:hover .hy-card__add-icon { transform: translateX(2px); }







/* ==========================================



 * Ulas: Gallery Badge label span



 * ========================================== */







.hy-pdp-gallery__badge-label { white-space: nowrap; }







/* ==========================================



 * Ulas: Archive Infinity Loader SVG



 * Esra: Spinner for infinite scroll load trigger.



 * ========================================== */







.hy-shop-loader__spin {



  width: 2rem;



  height: 2rem;



  color: var(--hy-color-primary);



  animation: hy-spin 0.8s linear infinite;



}







.hy-shop-loader__track { opacity: 0.25; }



.hy-shop-loader__fill  { opacity: 0.75; }







/* ==========================================



 * Ulas: Quick View Error message



 * ========================================== */







.hy-qv-error {



  color: #dc2626;



  font-size: 0.875rem;



  text-align: center;



  padding: 0.5rem 1rem;



}







/* ==========================================



 * Ulas: PDP Tabs/Accordion



 * Esra: Accordion replaces WooCommerce tab component.



 * ========================================== */







.hy-accordion-wrapper {



  width: 100%;



  max-width: 56rem;



  margin-left: auto;



  margin-right: auto;



  margin-bottom: 4rem;



}







.hy-accordion-item {



  border-bottom: 1px solid var(--hy-color-border);



}







.hy-accordion-header {



  display: flex;



  align-items: center;



  justify-content: space-between;



  width: 100%;



  padding: 1.5rem 0;



  background: #fff;



  border: none;



  text-align: left;



  cursor: pointer;



}







.hy-accordion-header:focus-visible {



  outline: 2px solid var(--hy-color-primary);



  outline-offset: 2px;



}







.hy-accordion-header__title {



  font-family: var(--font-headline, serif);



  font-size: 1.125rem;



  font-weight: 700;



  color: var(--hy-color-primary);



  transition: color 0.2s;



}







@media (min-width: 768px) { .hy-accordion-header__title { font-size: 1.25rem; } }







.hy-accordion-header:hover .hy-accordion-header__title { color: var(--hy-color-tertiary); }







.hy-accordion-icon {



  flex-shrink: 0;



  margin-left: 1.5rem;



  color: rgba(61,73,40,0.5);



  transition: color 0.2s, transform 0.3s;



}







.hy-accordion-header:hover .hy-accordion-icon { color: var(--hy-color-tertiary); }



.hy-accordion-header[aria-expanded="true"] .hy-accordion-icon { transform: rotate(180deg); }







.hy-accordion-icon__svg { width: 1.5rem; height: 1.5rem; }







.hy-accordion-content {



  overflow: hidden;



  max-height: 0;



  transition: max-height 0.5s ease;



}







.hy-accordion-content__body {



  padding-bottom: 2rem;



  font-family: var(--font-body, sans-serif);



  font-size: 0.9375rem;



  line-height: 1.7;



  color: rgba(61,73,40,0.8);



}







.hy-accordion-content__body h2,



.hy-accordion-content__body h3,



.hy-accordion-content__body h4 {



  font-family: var(--font-headline, serif);



  color: var(--hy-color-primary);



  margin: 1.25rem 0 0.5rem;



}







.hy-accordion-content__body a { color: var(--hy-color-tertiary); }



.hy-accordion-content__body a:hover { text-decoration: underline; }







.hy-accordion-content__body p { margin: 0 0 0.75rem; }







.hy-accordion-content__body ul,



.hy-accordion-content__body ol {



  padding-left: 1.25rem;



  margin-bottom: 0.75rem;



}







.hy-accordion-content__body li { margin-bottom: 0.25rem; }







/* Utility: accordion icon rotation — used by tabs.php JS (classList.add/remove) */



.rotate-180 { transform: rotate(180deg); }







/* ==========================================================================



   GOOGLE REVIEWS WIDGET STYLES (Added for Hilmi Yildirim Brand Styling)



   ========================================================================== */



.hy-google-reviews {



  padding: 2.5rem 0;



  background-color: #faf9f6;



  border-top: 1px solid rgba(61, 73, 40, 0.04);



  border-bottom: 1px solid rgba(61, 73, 40, 0.04);



}







.hy-google-reviews__layout {



  display: grid;



  grid-template-columns: 1fr;



  gap: 2.5rem;



}







@media (min-width: 992px) {



  .hy-google-reviews__layout {



    grid-template-columns: 280px 1fr;



    gap: 3rem;



  }



}







/* Badge Card (Left/Top) */



.hy-google-reviews__badge-card {



  background-color: #ffffff;



  border: 1px solid rgba(61, 73, 40, 0.05);



  border-radius: 16px;



  padding: 2.5rem 2rem;



  text-align: center;



  display: flex;



  flex-direction: column;



  align-items: center;



  box-shadow: 0 10px 30px rgba(61, 73, 40, 0.03);



  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);



  height: fit-content;



}







.hy-google-reviews__badge-card:hover {



  transform: translateY(-4px);



  box-shadow: 0 16px 36px rgba(61, 73, 40, 0.06);



}







.hy-google-reviews__google-logo {



  margin-bottom: 1.25rem;



  display: flex;



  align-items: center;



  justify-content: center;



  background: #fafafa;



  border-radius: 50%;



  width: 64px;



  height: 64px;



  box-shadow: inset 0 2px 4px rgba(0,0,0,0.02), 0 2px 8px rgba(0,0,0,0.03);



}







.hy-google-reviews__badge-title {



  font-family: "Noto Serif", serif;



  font-weight: 700;



  font-size: 1.25rem;



  color: #3d4928;



  margin: 0 0 1rem 0;



  line-height: 1.3;



}







.hy-google-reviews__badge-rating {



  display: flex;



  flex-direction: column;



  align-items: center;



  gap: 0.25rem;



  margin-bottom: 1rem;



}







.hy-google-reviews__badge-num {



  font-family: Inter, sans-serif;



  font-weight: 800;



  font-size: 2.75rem;



  color: #3d4928;



  line-height: 1;



}







.hy-google-reviews__stars {



  display: flex;



  gap: 2px;



}







.hy-google-reviews__star {



  color: #e5e7eb;



  font-size: 1.25rem;



  user-select: none;



}







.hy-google-reviews__star--full {



  color: #c5a059;



}







.hy-google-reviews__badge-meta {



  font-family: Inter, sans-serif;



  font-size: 0.85rem;



  color: rgba(61, 73, 40, 0.7);



  margin: 0 0 1.75rem 0;



}







.hy-google-reviews__write-btn {



  display: inline-flex;



  align-items: center;



  justify-content: center;



  gap: 0.5rem;



  background-color: #3d4928;



  color: #ffffff;



  border: 1px solid #3d4928;



  border-radius: 99px;



  padding: 0.85rem 1.75rem;



  font-family: Inter, sans-serif;



  font-size: 11px;



  font-weight: 700;



  text-transform: uppercase;



  letter-spacing: 0.08em;



  text-decoration: none !important;



  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);



  box-shadow: 0 4px 12px rgba(61, 73, 40, 0.12);



  width: 100%;



}







.hy-google-reviews__write-btn:hover {



  background-color: #c5a059;



  border-color: #c5a059;



  transform: translateY(-1px);



  box-shadow: 0 6px 16px rgba(197, 160, 89, 0.25);



}







.hy-google-reviews__write-btn svg {



  width: 12px;



  height: 12px;



  stroke-width: 3px;



}







/* Reviews Grid (Right) */



.hy-google-reviews__grid {



  display: grid;



  grid-template-columns: 1fr;



  gap: 1.25rem;



}







@media (min-width: 768px) {



  .hy-google-reviews__grid {



    grid-template-columns: repeat(2, 1fr);



    gap: 1.5rem;



  }



}







/* Review Card */



.hy-google-reviews__card {



  background-color: #ffffff;



  border: 1px solid rgba(61, 73, 40, 0.04);



  border-radius: 16px;



  padding: 1.75rem;



  box-shadow: 0 8px 24px rgba(61, 73, 40, 0.02);



  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease;



  display: flex;



  flex-direction: column;



}







.hy-google-reviews__card:hover {



  transform: translateY(-4px);



  box-shadow: 0 14px 32px rgba(61, 73, 40, 0.05);



  border-color: rgba(197, 160, 89, 0.15);



}







.hy-google-reviews__card-header {



  display: flex;



  align-items: center;



  gap: 0.75rem;



  margin-bottom: 0.85rem;



}







.hy-google-reviews__avatar-wrap {



  width: 40px;



  height: 40px;



  border-radius: 50%;



  overflow: hidden;



  flex-shrink: 0;



  box-shadow: 0 2px 6px rgba(0,0,0,0.05);



}







.hy-google-reviews__avatar {



  width: 100%;



  height: 100%;



  object-fit: cover;



}







.hy-google-reviews__avatar-fallback {



  width: 100%;



  height: 100%;



  background: linear-gradient(135deg, #3d4928, #5a6b3b);



  color: #ffffff;



  display: flex;



  align-items: center;



  justify-content: center;



  font-family: Inter, sans-serif;



  font-weight: 700;



  font-size: 0.95rem;



  text-transform: uppercase;



}







.hy-google-reviews__meta {



  flex-grow: 1;



}







.hy-google-reviews__author {



  font-family: Inter, sans-serif;



  font-weight: 600;



  font-size: 0.9rem;



  color: #3d4928;



  margin: 0 0 2px 0;



  line-height: 1.2;



}







.hy-google-reviews__date {



  font-family: Inter, sans-serif;



  font-size: 0.75rem;



  color: rgba(61, 73, 40, 0.45);



}







.hy-google-reviews__card-source {



  flex-shrink: 0;



  opacity: 0.85;



}







.hy-google-reviews__card-rating {



  display: flex;



  gap: 1px;



  margin-bottom: 0.75rem;



}







.hy-google-reviews__card-rating .hy-google-reviews__star {



  font-size: 0.95rem;



}







.hy-google-reviews__text {



  font-family: Inter, sans-serif;



  font-size: 0.85rem;



  line-height: 1.6;



  color: rgba(61, 73, 40, 0.8);



  font-style: italic;



  margin: 0;



  display: -webkit-box;



  -webkit-line-clamp: 4;



  -webkit-box-orient: vertical;



  overflow: hidden;



  text-overflow: ellipsis;



  transition: all 0.3s ease;



}







.hy-google-reviews__text.is-expanded {



  -webkit-line-clamp: unset !important;



  display: block !important;



  overflow: visible !important;



}







.hy-google-reviews__expand-btn {



  background: none;



  border: none;



  color: #c5a059;



  font-family: Inter, sans-serif;



  font-size: 0.72rem;



  font-weight: 700;



  text-transform: uppercase;



  letter-spacing: 0.05em;



  padding: 0;



  margin-top: 0.75rem;



  cursor: pointer;



  display: inline-flex;



  align-items: center;



}



.hy-google-reviews__stars {

  display: flex;

  gap: 2px;

}



.hy-google-reviews__star {

  color: #e5e7eb;

  font-size: 1.25rem;

  user-select: none;

}



.hy-google-reviews__star--full {

  color: #c5a059;

}



.hy-google-reviews__badge-meta {

  font-family: Inter, sans-serif;

  font-size: 0.85rem;

  color: rgba(61, 73, 40, 0.7);

  margin: 0 0 1.75rem 0;

}



.hy-google-reviews__write-btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 0.5rem;

  background-color: #3d4928;

  color: #ffffff;

  border: 1px solid #3d4928;

  border-radius: 99px;

  padding: 0.85rem 1.75rem;

  font-family: Inter, sans-serif;

  font-size: 11px;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.08em;

  text-decoration: none !important;

  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);

  box-shadow: 0 4px 12px rgba(61, 73, 40, 0.12);

  width: 100%;

}



.hy-google-reviews__write-btn:hover {

  background-color: #c5a059;

  border-color: #c5a059;

  transform: translateY(-1px);

  box-shadow: 0 6px 16px rgba(197, 160, 89, 0.25);

}



.hy-google-reviews__write-btn svg {

  width: 12px;

  height: 12px;

  stroke-width: 3px;

}



/* Reviews Grid (Right) */

.hy-google-reviews__grid {

  display: grid;

  grid-template-columns: 1fr;

  gap: 1.25rem;

}



@media (min-width: 768px) {

  .hy-google-reviews__grid {

    grid-template-columns: repeat(2, 1fr);

    gap: 1.5rem;

  }

}



/* Review Card */

.hy-google-reviews__card {

  background-color: #ffffff;

  border: 1px solid rgba(61, 73, 40, 0.04);

  border-radius: 16px;

  padding: 1.75rem;

  box-shadow: 0 8px 24px rgba(61, 73, 40, 0.02);

  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease;

  display: flex;

  flex-direction: column;

}



.hy-google-reviews__card:hover {

  transform: translateY(-4px);

  box-shadow: 0 14px 32px rgba(61, 73, 40, 0.05);

  border-color: rgba(197, 160, 89, 0.15);

}



.hy-google-reviews__card-header {

  display: flex;

  align-items: center;

  gap: 0.75rem;

  margin-bottom: 0.85rem;

}



.hy-google-reviews__avatar-wrap {

  width: 40px;

  height: 40px;

  border-radius: 50%;

  overflow: hidden;

  flex-shrink: 0;

  box-shadow: 0 2px 6px rgba(0,0,0,0.05);

}



.hy-google-reviews__avatar {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.hy-google-reviews__avatar-fallback {

  width: 100%;

  height: 100%;

  background: linear-gradient(135deg, #3d4928, #5a6b3b);

  color: #ffffff;

  display: flex;

  align-items: center;

  justify-content: center;

  font-family: Inter, sans-serif;

  font-weight: 700;

  font-size: 0.95rem;

  text-transform: uppercase;

}



.hy-google-reviews__meta {

  flex-grow: 1;

}



.hy-google-reviews__author {

  font-family: Inter, sans-serif;

  font-weight: 600;

  font-size: 0.9rem;

  color: #3d4928;

  margin: 0 0 2px 0;

  line-height: 1.2;

}



.hy-google-reviews__date {

  font-family: Inter, sans-serif;

  font-size: 0.75rem;

  color: rgba(61, 73, 40, 0.45);

}



.hy-google-reviews__card-source {

  flex-shrink: 0;

  opacity: 0.85;

}



.hy-google-reviews__card-rating {

  display: flex;

  gap: 1px;

  margin-bottom: 0.75rem;

}



.hy-google-reviews__card-rating .hy-google-reviews__star {

  font-size: 0.95rem;

}



.hy-google-reviews__text {

  font-family: Inter, sans-serif;

  font-size: 0.85rem;

  line-height: 1.6;

  color: rgba(61, 73, 40, 0.8);

  font-style: italic;

  margin: 0;

  display: -webkit-box;

  -webkit-line-clamp: 4;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  transition: all 0.3s ease;

}



.hy-google-reviews__text.is-expanded {

  -webkit-line-clamp: unset !important;

  display: block !important;

  overflow: visible !important;

}



.hy-google-reviews__expand-btn {

  background: none;

  border: none;

  color: #c5a059;

  font-family: Inter, sans-serif;

  font-size: 0.72rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.05em;

  padding: 0;

  margin-top: 0.75rem;

  cursor: pointer;

  display: inline-flex;

  align-items: center;

  transition: color 0.2s ease;

  align-self: flex-start;

  outline: none;

}



.hy-google-reviews__expand-btn:hover {

  color: #3d4928;

}



/* ==========================================================================

   MOBILE BOTTOM NAVIGATION (Added for Native App UX)

   ========================================================================== */

.hy-mobile-nav {

  position: fixed;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: 999;

  background: rgba(255, 255, 255, 0.9);

  backdrop-filter: blur(12px);

  -webkit-backdrop-filter: blur(12px);

  border-top: 1px solid rgba(61, 73, 40, 0.08);

  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.03);

  height: 64px;

}



@media (min-width: 768px) {

  .hy-mobile-nav {

    display: none !important;

  }

}



.hy-mobile-nav__container {

  display: flex;

  justify-content: space-around;

  align-items: center;

  height: 100%;

  padding: 0 8px;

  max-width: 600px;

  margin: 0 auto;

}



.hy-mobile-nav__item {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  flex: 1;

  height: 100%;

  color: rgba(61, 73, 40, 0.6);

  text-decoration: none;

  font-family: Inter, sans-serif;

  font-size: 10px;

  font-weight: 500;

  transition: color 0.2s ease, transform 0.1s ease;

  background: transparent;

  border: none;

  cursor: pointer;

  padding: 4px 0;

  -webkit-tap-highlight-color: transparent;

}



.hy-mobile-nav__item:active {

  transform: scale(0.95);

}



.hy-mobile-nav__item.is-active {

  color: var(--hy-color-primary);

  font-weight: 700;

}



.hy-mobile-nav__icon {

  width: 22px;

  height: 22px;

  margin-bottom: 3px;

  transition: transform 0.2s ease;

}



.hy-mobile-nav__item.is-active .hy-mobile-nav__icon {

  stroke: var(--hy-color-primary);

  transform: translateY(-1px);

}



/* Ortadaki Sepet Butonu */

.hy-mobile-nav__item--cart {

  position: relative;

  overflow: visible;

  height: auto;

  align-self: flex-end;

  margin-bottom: 8px;

}



.hy-mobile-nav__cart-badge-wrap {

  position: relative;

}



.hy-mobile-nav__cart-circle {

  width: 60px;

  height: 60px;

  border-radius: 50%;

  background: var(--hy-color-primary);

  display: flex;

  align-items: center;

  justify-content: center;

  box-shadow: 0 6px 16px rgba(61, 73, 40, 0.35);

  border: 4px solid #ffffff;

  transition: background-color 0.2s ease, transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);

  position: relative;

}



/* Pulsing glow ring animation (Hale Efekti) */

.hy-mobile-nav__cart-circle::after {

  content: '';

  position: absolute;

  top: -4px;

  left: -4px;

  right: -4px;

  bottom: -4px;

  border-radius: 50%;

  border: 2px solid var(--hy-color-primary);

  opacity: 0;

  animation: hy-cart-pulse 3s cubic-bezier(0.24, 0, 0.38, 1) infinite;

  z-index: -1;

  pointer-events: none;

}



/* Red glow for active / loaded state if needed */

.hy-mobile-nav__item--cart.is-active .hy-mobile-nav__cart-circle::after {

  border-color: var(--hy-color-tertiary);

}



.hy-mobile-nav__item--cart.is-active .hy-mobile-nav__cart-circle {

  background: var(--hy-color-tertiary);

  box-shadow: 0 6px 16px rgba(197, 160, 89, 0.35);

}



/* Added-to-cart pop animation class */

.hy-cart-pop {

  animation: hy-cart-pop 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;

}



@keyframes hy-cart-pulse {

  0% {

    transform: scale(0.95);

    opacity: 0.7;

    box-shadow: 0 0 0 0 rgba(61, 73, 40, 0.4);

  }

  70% {

    transform: scale(1.25);

    opacity: 0;

    box-shadow: 0 0 0 8px rgba(61, 73, 40, 0);

  }

  100% {

    transform: scale(1.25);

    opacity: 0;

    box-shadow: 0 0 0 0 rgba(61, 73, 40, 0);

  }

}



@keyframes hy-cart-pop {

  0% { transform: scale(1); }

  25% { transform: scale(1.28) translateY(-6px); }

  45% { transform: scale(0.88) translateY(2px); }

  65% { transform: scale(1.1) translateY(-2px); }

  80% { transform: scale(0.96) translateY(1px); }

  100% { transform: scale(1) translateY(0); }

}



.hy-mobile-nav__cart-icon {

  width: 20px;

  height: 20px;

  stroke: #ffffff;

}



.hy-mobile-nav__cart-count {

  position: absolute;

  top: -2px;

  right: -2px;

  background: var(--hy-color-secondary);

  color: #ffffff;

  font-family: Inter, sans-serif;

  font-size: 10px;

  font-weight: 700;

  min-width: 18px;

  height: 18px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 2px solid #ffffff;

  box-shadow: 0 2px 6px rgba(0,0,0,0.15);

  padding: 0 2px;

}



.hy-qty-wrap {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  background: #f3f4f6 !important;

  border: none !important;

  border-radius: 9999px !important;

  padding: 4px !important;

  box-shadow: none !important;

  width: 110px !important;

  height: 38px !important;

  box-sizing: border-box !important;

}



.hy-qty-btn {

  width: 30px !important;

  height: 30px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  border-radius: 50% !important;

  background: #ffffff !important;

  color: #3d4928 !important;

  box-shadow: 0 2px 4px rgba(61, 73, 40, 0.06) !important;

  border: none !important;

  cursor: pointer !important;

  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;

  flex-shrink: 0 !important;

  padding: 0 !important;

}



.hy-qty-btn:hover {

  background: #3d4928 !important;

  color: #ffffff !important;

  box-shadow: 0 4px 8px rgba(61, 73, 40, 0.15) !important;

  transform: scale(1.05) !important;

}



.hy-qty-btn:active {

  transform: scale(0.95) !important;

}



.hy-qty-btn__icon {

  width: 12px !important;

  height: 12px !important;

}



.hy-qty-input {

  width: 34px !important;

  height: 30px !important;

  text-align: center !important;

  background: transparent !important;

  border: none !important;

  font-family: 'Inter', sans-serif !important;

  font-weight: 600 !important;

  font-size: 14px !important;

  color: #3d4928 !important;

  outline: none !important;

  -webkit-appearance: none;

  -moz-appearance: textfield;

  appearance: none;

  padding: 0 !important;

  margin: 0 !important;

  box-shadow: none !important;

}



.hy-qty-input::-webkit-outer-spin-button,

.hy-qty-input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



/* Sepet Butonu Active animasyonu */

.hy-mobile-nav__item--cart:active .hy-mobile-nav__cart-circle {

  transform: translateY(-4px) scale(0.92);

}



@media (max-width: 767px) {

  body:not(.single-product):not(.woocommerce-checkout) {

    padding-bottom: 64px !important;

  }

}



/* ==========================================================================

   MOBILE SEARCH OVERLAY & CLEAN HEADER UX

   ========================================================================== */

.hy-mobile-search-modal {
  position: fixed;
  inset: 0;
  z-index: 1050;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.hy-mobile-search-modal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.hy-mobile-search-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(37, 45, 24, 0.45);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.hy-mobile-search-modal__drawer {
  position: relative;
  z-index: 1;
  background: #ffffff;
  border-top-left-radius: 28px;
  border-top-right-radius: 28px;
  max-height: 85vh;
  display: flex;
  flex-direction: column;
  transform: translateY(100%);
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 -16px 48px rgba(37, 45, 24, 0.22);
}

.hy-mobile-search-modal.is-open .hy-mobile-search-modal__drawer {
  transform: translateY(0);
}

/* Top Notch Indicator */
.hy-mobile-search-modal__handle {
  width: 40px;
  height: 4.5px;
  border-radius: 999px;
  background: rgba(61, 73, 40, 0.18);
  margin: 12px auto 0;
}

.hy-mobile-search-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 20px 10px;
}

.hy-mobile-search-modal__title {
  font-family: "Noto Serif", serif;
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--hy-color-primary);
  margin: 0;
}

.hy-mobile-search-modal__close {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(61, 73, 40, 0.05);
  border: none;
  color: var(--hy-color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  transition: background-color 0.2s ease;
}

.hy-mobile-search-modal__close:active {
  background: rgba(61, 73, 40, 0.14);
}

.hy-mobile-search-modal__body {
  padding: 6px 16px 32px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.hy-mobile-search-modal__form {
  width: 100%;
}

.hy-mobile-search-modal__input-wrap {
  position: relative;
  display: flex;
  align-items: center;
  background: #faf9f6;
  border: 1.5px solid rgba(61, 73, 40, 0.12);
  border-radius: 16px;
  padding: 5px 6px 5px 16px;
  min-height: 54px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.hy-mobile-search-modal__input-wrap:focus-within {
  border-color: var(--hy-color-primary);
  background: #ffffff;
  box-shadow: 0 0 0 3.5px rgba(61, 73, 40, 0.09);
}

.hy-mobile-search-modal__icon {
  width: 20px;
  height: 20px;
  stroke: var(--hy-color-primary);
  flex-shrink: 0;
  opacity: 0.65;
  margin-right: 10px;
}

.hy-mobile-search-modal__input {
  flex: 1;
  border: none;
  background: transparent;
  font-family: Inter, sans-serif;
  font-size: 15px;
  color: var(--hy-color-primary);
  outline: none;
  padding: 8px 0;
  -webkit-appearance: none;
}

.hy-mobile-search-modal__clear {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(61, 73, 40, 0.08);
  border: none;
  color: var(--hy-color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 8px;
  padding: 5px;
}

.hy-mobile-search-modal__submit {
  background: var(--hy-color-primary);
  color: #ffffff;
  border: none;
  border-radius: 12px;
  padding: 0 18px;
  height: 42px;
  font-family: Inter, sans-serif;
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hy-mobile-search-modal__submit:active {
  background: var(--hy-color-tertiary);
}

/* Default state: Popular tags & Categories */
.hy-mobile-search-defaults {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.hy-mobile-search-section__title {
  font-family: Inter, sans-serif;
  font-size: 12.5px;
  font-weight: 700;
  color: #8c764e;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.hy-mobile-search-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 8px;
}

.hy-search-tag {
  background: #faf9f6;
  border: 1px solid rgba(61, 73, 40, 0.1);
  border-radius: 999px;
  padding: 8px 15px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--hy-color-primary);
  cursor: pointer;
  transition: all 0.18s ease;
  -webkit-tap-highlight-color: transparent;
}

.hy-search-tag:active {
  background: var(--hy-color-primary);
  color: #ffffff;
  border-color: var(--hy-color-primary);
  transform: scale(0.96);
}

.hy-mobile-search-cats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 8px;
}

.hy-search-cat-chip {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #faf9f6;
  border: 1px solid rgba(61, 73, 40, 0.08);
  border-radius: 14px;
  padding: 8px 12px 8px 8px;
  min-height: 56px;
  text-decoration: none;
  transition: all 0.18s ease;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 2px 5px rgba(37, 45, 24, 0.02);
}

.hy-search-cat-chip:active {
  background: #f3f1eb;
  border-color: rgba(61, 73, 40, 0.2);
  transform: scale(0.98);
}

.hy-search-cat-chip__img-wrap {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 9px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.hy-search-cat-chip__img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hy-search-cat-chip__title {
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--hy-color-primary);
  line-height: 1.25;
  flex: 1;
  min-width: 0;
  word-break: break-word;
}

.hy-search-cat-chip__arrow {
  width: 13px;
  height: 13px;
  stroke: #c5a059;
  opacity: 0.6;
  flex-shrink: 0;
  margin-left: auto;
}

/* Live Instant Results */
.hy-mobile-search-live-results {
  margin-top: 4px;
}

.hy-mobile-search-live-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.hy-search-result-item {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #faf9f6;
  border: 1px solid rgba(61, 73, 40, 0.08);
  border-radius: 12px;
  padding: 8px 12px;
  text-decoration: none;
  color: inherit;
  transition: transform 0.15s ease, background 0.15s ease;
  -webkit-tap-highlight-color: transparent;
}

.hy-search-result-item:active {
  transform: scale(0.98);
  background: #f3f1eb;
}

.hy-search-result-item__image-wrap {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
}

.hy-search-result-item__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hy-search-result-item__info {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.hy-search-result-item__title {
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--hy-color-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hy-search-result-item__price {
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #c5a059;
  margin-top: 2px;
}

.hy-search-result-item__price ins {
  text-decoration: none;
}

.hy-search-result-item__price del {
  color: #9ca3af;
  margin-right: 4px;
  font-size: 11px;
}

.hy-search-result-item__chevron {
  width: 14px;
  height: 14px;
  stroke: #c5a059;
  opacity: 0.6;
  margin-left: auto;
  flex-shrink: 0;
}

.hy-search-loading {
  padding: 24px;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 13px;
  color: #6b7280;
  font-weight: 500;
}

.hy-search-empty {
  padding: 20px 16px;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 13px;
  color: #6b7280;
  line-height: 1.5;
  background: #faf9f6;
  border-radius: 12px;
  border: 1px dashed rgba(61, 73, 40, 0.15);
}

.hy-mobile-search-more-btn {
  width: 100%;
  padding: 11px;
  background: #faf9f6;
  border: 1px solid rgba(61, 73, 40, 0.15);
  border-radius: 12px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--hy-color-primary);
  margin-top: 8px;
  cursor: pointer;
  text-align: center;
  transition: all 0.2s ease;
}

.hy-mobile-search-more-btn:active {
  background: #f3f1eb;
}



/* Mobilde Alt Menü Aktifken Header Elemanlarını Gizleme */

@media (max-width: 767px) {

  body:not(.single-product):not(.woocommerce-checkout) .hy-site-header__left,

  body:not(.single-product):not(.woocommerce-checkout) .hy-site-header__actions {

    display: none !important;

  }



  body:not(.single-product):not(.woocommerce-checkout) .hy-site-header__brand {

    width: 100% !important;

    justify-content: center !important;

  }

}



@media (min-width: 768px) {

  .hy-google-reviews {

    padding: 5rem 0;

  }

}



/* ==========================================================================

   STICKY HEADER COMPACT STYLING (Slim state on scroll)

   ========================================================================== */

.hy-site-header.is-scrolled .hy-site-header__row {

  padding-top: 8px !important;

  padding-bottom: 8px !important;

}



.hy-site-header.is-scrolled .hy-site-header__brand-link,

.hy-site-header.is-scrolled .hy-site-header__brand-image {

  height: 46px !important;

  max-height: 46px !important;

}



@media (min-width: 768px) {

  .hy-site-header.is-scrolled .hy-site-header__brand-link,

  .hy-site-header.is-scrolled .hy-site-header__brand-image {

    height: 52px !important;

    max-height: 52px !important;

  }

}



/* ==========================================================================

   MOBILE CATEGORIES BOTTOM SHEET MODAL (Native App style)

   ========================================================================== */

.hy-mobile-cats-modal {

  position: fixed;

  inset: 0;

  z-index: 1050;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  opacity: 0;

  pointer-events: none;

  transition: opacity 0.3s ease;

}



.hy-mobile-cats-modal.is-open {

  opacity: 1;

  pointer-events: auto;

}



.hy-mobile-cats-modal__backdrop {

  position: absolute;

  inset: 0;

  background: rgba(37, 45, 24, 0.4);

  backdrop-filter: blur(4px);

  -webkit-backdrop-filter: blur(4px);

}



.hy-mobile-cats-modal__drawer {
  position: relative;
  z-index: 1;
  background: #ffffff;
  border-top-left-radius: 28px;
  border-top-right-radius: 28px;
  min-height: 58vh;
  max-height: 88vh;
  display: flex;
  flex-direction: column;
  transform: translateY(100%);
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 -16px 48px rgba(37, 45, 24, 0.22);
}

.hy-mobile-cats-modal.is-open .hy-mobile-cats-modal__drawer {
  transform: translateY(0);
}

/* Top Notch Indicator */
.hy-mobile-cats-modal__handle {
  width: 40px;
  height: 4.5px;
  border-radius: 999px;
  background: rgba(61, 73, 40, 0.18);
  margin: 12px auto 0;
}

.hy-mobile-cats-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px 14px;
  border-bottom: 1px solid rgba(61, 73, 40, 0.07);
}

.hy-mobile-cats-modal__header-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.hy-mobile-cats-modal__title {
  font-family: "Noto Serif", serif;
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--hy-color-primary);
  margin: 0;
}

.hy-mobile-cats-modal__count-badge {
  font-family: Inter, sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  color: #c5a059;
  background: rgba(197, 160, 89, 0.12);
  padding: 3px 10px;
  border-radius: 999px;
  letter-spacing: 0.2px;
}

.hy-mobile-cats-modal__close {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(61, 73, 40, 0.05);
  border: none;
  color: var(--hy-color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  transition: background-color 0.2s ease;
}

.hy-mobile-cats-modal__close:active {
  background: rgba(61, 73, 40, 0.14);
}

.hy-mobile-cats-modal__body {
  padding: 16px 16px 32px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* Single Column Full-Width Luxury Horizontal Tile List */
.hy-mobile-cats-grid {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.hy-mobile-cats-card {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #faf9f6;
  border: 1px solid rgba(61, 73, 40, 0.08);
  border-radius: 14px;
  padding: 10px 16px 10px 12px;
  text-decoration: none;
  color: var(--hy-color-primary);
  box-shadow: 0 2px 6px rgba(37, 45, 24, 0.03);
  -webkit-tap-highlight-color: transparent;
  transition: transform 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  min-width: 0;
  min-height: 64px;
  width: 100%;
}

.hy-mobile-cats-card:active {
  transform: scale(0.98);
  background: #f3f1eb;
  border-color: rgba(61, 73, 40, 0.22);
  box-shadow: 0 1px 3px rgba(37, 45, 24, 0.06);
}

.hy-mobile-cats-card__image-wrap {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hy-mobile-cats-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hy-mobile-cats-card__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  flex: 1;
  text-align: left;
}

.hy-mobile-cats-card__title {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--hy-color-primary);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hy-mobile-cats-card__chevron {
  width: 16px;
  height: 16px;
  stroke: #c5a059;
  flex-shrink: 0;
  opacity: 0.65;
  margin-left: auto;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.hy-mobile-cats-card:active .hy-mobile-cats-card__chevron {
  transform: translateX(3px);
  opacity: 1;
}









/* ==========================================================================

   PRODUCT REVIEWS WIDGET STYLING

   ========================================================================== */

.hy-pdp-reviews {

  width: 100%;

  background: #ffffff;

  border: 1px solid rgba(61, 73, 40, 0.08);

  border-radius: 24px;

  padding: 24px;

  box-shadow: 0 10px 30px rgba(61, 73, 40, 0.03);

  margin-top: 0;

  box-sizing: border-box;

}



@media (min-width: 768px) {

  .hy-pdp-reviews {

    padding: 40px;

  }

}



.hy-pdp-reviews__header {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

  margin-bottom: 24px;

}



.hy-pdp-reviews__title {

  margin: 0;

  font-size: 24px;

  font-weight: 700;

  color: var(--hy-color-primary);

}



.hy-pdp-reviews__summary-row {

  display: flex;

  align-items: center;

  gap: 8px;

  margin-top: 8px;

}



.hy-pdp-reviews__average-num {

  font-size: 28px;

  font-weight: 800;

  color: var(--hy-color-primary);

  line-height: 1;

}



.hy-pdp-reviews__stars-wrap {

  color: var(--hy-color-tertiary);

  display: flex;

  font-size: 18px;

  letter-spacing: -1px;

}



.hy-pdp-reviews__stars-wrap .star-empty {

  color: #d1d5db;

}



.hy-pdp-reviews__total-count {

  font-size: 13px;

  color: #6b7280;

  font-weight: 500;

}



.hy-pdp-reviews__add-btn {

  background: var(--hy-color-primary);

  color: #ffffff;

  border: none;

  padding: 10px 20px;

  border-radius: 99px;

  font-size: 13px;

  font-weight: 700;

  display: inline-flex;

  align-items: center;

  gap: 6px;

  cursor: pointer;

  box-shadow: 0 4px 12px rgba(61, 73, 40, 0.15);

  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);

}



.hy-pdp-reviews__add-btn:hover {

  background: var(--hy-color-tertiary);

  transform: translateY(-2px);

  box-shadow: 0 6px 16px rgba(197, 160, 89, 0.3);

}



.hy-pdp-reviews__add-btn svg {

  width: 16px;

  height: 16px;

}



.hy-pdp-reviews__distribution {

  max-width: 320px;

  margin-bottom: 32px;

}



.hy-pdp-reviews__dist-row {

  display: flex;

  align-items: center;

  gap: 12px;

  margin-bottom: 6px;

  font-size: 12px;

  font-weight: 600;

  color: var(--hy-color-primary);

}



.hy-pdp-reviews__dist-stars {

  width: 24px;

  text-align: right;

  opacity: 0.8;

}



.hy-pdp-reviews__dist-bar {

  flex: 1;

  height: 6px;

  background: #f3f4f6;

  border-radius: 99px;

  overflow: hidden;

}



.hy-pdp-reviews__dist-fill {

  height: 100%;

  background: var(--hy-color-primary);

  border-radius: 99px;

}



.hy-pdp-reviews__dist-count {

  width: 16px;

  color: #9ca3af;

  text-align: left;

}



.hy-pdp-reviews__filters {

  display: flex;

  gap: 8px;

  margin-bottom: 24px;

}



.hy-pdp-reviews__filter-tag {

  background: #ffffff;

  color: var(--hy-color-primary);

  border: 1px solid rgba(61, 73, 40, 0.1);

  padding: 8px 16px;

  border-radius: 99px;

  font-size: 12px;

  font-weight: 600;

  cursor: pointer;

  transition: all 0.2s ease;

}



.hy-pdp-reviews__filter-tag:hover {

  border-color: var(--hy-color-primary);

}



.hy-pdp-reviews__filter-tag.is-active {

  background: var(--hy-color-primary);

  color: #ffffff;

  border-color: var(--hy-color-primary);

}



.hy-pdp-reviews__carousel-wrapper {

  position: relative;

  margin: 0 -16px 20px;

  padding: 0 16px;

}



.hy-pdp-reviews__carousel {

  display: flex;

  gap: 16px;

  overflow-x: auto;

  scroll-snap-type: x mandatory;

  scrollbar-width: none;

  -ms-overflow-style: none;

  padding: 8px 0;

  scroll-behavior: smooth;

  align-items: stretch;

  cursor: grab;

  user-select: none;

}



.hy-pdp-reviews__carousel.active {

  cursor: grabbing;

  scroll-snap-type: none;

}



.hy-pdp-reviews__carousel::-webkit-scrollbar {

  display: none;

}



.hy-pdp-reviews__card {

  flex: 0 0 280px;

  scroll-snap-align: start;

  background: #ffffff;

  border: 1px solid rgba(61, 73, 40, 0.07);

  border-radius: 16px;

  padding: 20px;

  box-shadow: 0 4px 15px rgba(61, 73, 40, 0.015);

  display: flex;

  flex-direction: column;

  gap: 12px;

  box-sizing: border-box;

  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

}



.hy-pdp-reviews__card:hover {

  border-color: var(--hy-color-tertiary, #c5a059);

  box-shadow: 0 10px 25px rgba(61, 73, 40, 0.05);

  transform: translateY(-2px);

}



@media (min-width: 768px) {

  .hy-pdp-reviews__card {

    flex: 0 0 calc(50% - 8px);

  }

}



@media (min-width: 1024px) {

  .hy-pdp-reviews__card {

    flex: 0 0 calc(33.333% - 11px);

    padding: 22px;

  }

}



.hy-pdp-reviews__card-head {

  display: flex;

  align-items: center;

  gap: 10px;

}



.hy-pdp-reviews__avatar {

  width: 38px;

  height: 38px;

  background: #f4f6f0;

  color: var(--hy-color-primary);

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  font-weight: 700;

  font-size: 14px;

}



.hy-pdp-reviews__author-info {

  display: flex;

  flex-direction: column;

}



.hy-pdp-reviews__author-name {

  margin: 0 0 2px 0;

  font-size: 13.5px;

  font-weight: 700;

  color: var(--hy-color-primary);

}



.hy-pdp-reviews__card-stars {

  color: var(--hy-color-tertiary);

  font-size: 11px;

  letter-spacing: -0.5px;

}



.hy-pdp-reviews__card-stars .star-empty {

  color: #d1d5db;

}



.hy-pdp-reviews__comment {

  margin: 0;

  font-size: 13.5px;

  line-height: 1.5;

  color: #374151;

  flex: 1;

}



.hy-pdp-reviews__attached-wrap {

  width: 64px;

  height: 64px;

  border-radius: 8px;

  overflow: hidden;

  cursor: pointer;

  border: 1px solid #f3f4f6;

  margin-top: 2px;

}



.hy-pdp-reviews__attached-img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: transform 0.25s ease;

}



.hy-pdp-reviews__attached-img:hover {

  transform: scale(1.08);

}



.hy-pdp-reviews__reply {

  background: #fafafa;

  border-left: 3px solid var(--hy-color-tertiary, #c5a059);

  padding: 10px 12px;

  border-radius: 10px;

  margin-top: 4px;

}



.hy-pdp-reviews__reply-badge {

  display: inline-flex;

  align-items: center;

  gap: 4px;

  font-size: 9px;

  font-weight: 800;

  color: var(--hy-color-tertiary, #c5a059);

  letter-spacing: 0.05em;

  margin-bottom: 4px;

}



.hy-pdp-reviews__reply-badge svg {

  width: 11px;

  height: 11px;

}



.hy-pdp-reviews__reply-text {

  margin: 0;

  font-size: 12px;

  line-height: 1.45;

  color: #4b5563;

}



.hy-pdp-reviews__card-foot {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-top: auto;

  padding-top: 10px;

  border-top: 1px solid #f3f4f6;

}



.hy-pdp-reviews__date {

  font-size: 11px;

  color: #9ca3af;

}



.hy-pdp-reviews__like-btn {

  background: transparent;

  border: 1px solid rgba(61, 73, 40, 0.12);

  border-radius: 99px;

  padding: 4px 10px;

  font-size: 11px;

  font-weight: 600;

  color: #4b5563;

  display: inline-flex;

  align-items: center;

  gap: 4px;

  cursor: pointer;

  transition: all 0.2s ease;

}



.hy-pdp-reviews__like-btn svg {

  width: 12px;

  height: 12px;

  transition: transform 0.2s ease;

}



.hy-pdp-reviews__like-btn:hover {

  border-color: var(--hy-color-primary);

  color: var(--hy-color-primary);

}



.hy-pdp-reviews__like-btn.is-liked {

  background: #f4f6f0;

  color: var(--hy-color-primary);

  border-color: var(--hy-color-primary);

}



.hy-pdp-reviews__like-btn.is-liked svg {

  fill: #e11d48;

  stroke: #e11d48;

  transform: scale(1.1);

}



.hy-pdp-reviews__arrow {

  display: none;

}



.hy-pdp-reviews__dots {

  display: flex;

  justify-content: center;

  gap: 6px;

  margin-top: 12px;

}



.hy-pdp-reviews__dot {

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background: #d1d5db;

  border: none;

  padding: 0;

  cursor: pointer;

  transition: all 0.25s ease;

}



.hy-pdp-reviews__dot.is-active {

  background: var(--hy-color-primary);

  width: 16px;

  border-radius: 4px;

}



.hy-pdp-reviews__all-wrap {

  text-align: center;

  margin-top: 16px;

}



.hy-pdp-reviews__all-btn {

  background: transparent;

  border: 1px solid rgba(61, 73, 40, 0.15);

  color: var(--hy-color-primary);

  padding: 10px 24px;

  border-radius: 99px;

  font-size: 13px;

  font-weight: 700;

  cursor: pointer;

  transition: all 0.25s ease;

}



.hy-pdp-reviews__all-btn:hover {

  background: var(--hy-color-primary);

  color: #ffffff;

  border-color: var(--hy-color-primary);

}



/* Modal Popup Reviews Form */

.hy-pdp-reviews-modal {

  position: fixed;

  inset: 0;

  z-index: 10000;

  display: flex;

  align-items: center;

  justify-content: center;

  opacity: 0;

  pointer-events: none;

  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);

}



.hy-pdp-reviews-modal.is-active {

  opacity: 1;

  pointer-events: auto;

}



.hy-pdp-reviews-modal__backdrop {

  position: absolute;

  inset: 0;

  background: rgba(37, 45, 24, 0.45);

  backdrop-filter: blur(5px);

  -webkit-backdrop-filter: blur(5px);

}



.hy-pdp-reviews-modal__dialog {

  position: relative;

  z-index: 1;

  width: calc(100% - 32px);

  max-width: 600px;

  background: #ffffff;

  border-radius: 24px;

  padding: 32px;

  box-shadow: 0 25px 60px rgba(37, 45, 24, 0.18);

  max-height: 85vh;

  overflow-y: auto;

  border: 1px solid rgba(61, 73, 40, 0.04);

}



.hy-pdp-reviews-modal__header {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 24px;

  border-bottom: 1px solid #f3f4f6;

  padding-bottom: 14px;

}



.hy-pdp-reviews-modal__title {

  margin: 0;

  font-family: "Noto Serif", serif;

  font-size: 20px;

  font-weight: 700;

  color: var(--hy-color-primary);

}



.hy-pdp-reviews-modal__close {

  background: transparent;

  border: none;

  font-size: 26px;

  color: var(--hy-color-primary);

  cursor: pointer;

  line-height: 1;

  padding: 4px;

  opacity: 0.6;

  transition: opacity 0.2s ease;

}



.hy-pdp-reviews-modal__close:hover {

  opacity: 1;

}



.hy-review-form__group {

  margin-bottom: 20px;

  text-align: left;

}



.hy-review-form__label {

  display: block;

  font-size: 11px;

  font-weight: 700;

  color: var(--hy-color-primary);

  margin-bottom: 8px;

  text-transform: uppercase;

  letter-spacing: 0.06em;

}



.hy-review-form__input,

.hy-review-form__textarea {

  width: 100%;

  padding: 14px 16px;

  border: 1px solid rgba(61, 73, 40, 0.1);

  border-radius: 12px;

  background: #faf9f6;

  font-family: Inter, sans-serif;

  font-size: 13.5px;

  color: var(--hy-color-primary);

  outline: none;

  box-sizing: border-box;

  transition: all 0.25s ease;

}



.hy-review-form__input:focus,

.hy-review-form__textarea:focus {

  border-color: var(--hy-color-tertiary, #c5a059);

  background: #ffffff;

  box-shadow: 0 0 0 4px rgba(197, 160, 89, 0.08);

}



.hy-review-form__rating-selector {

  display: flex;

  flex-direction: row-reverse;

  justify-content: flex-end;

  gap: 6px;

}



.hy-review-form__rating-selector input {

  display: none;

}



.hy-review-form__rating-selector label {

  font-size: 32px;

  color: #e5e7eb;

  cursor: pointer;

  transition: color 0.15s ease, transform 0.15s ease;

}



.hy-review-form__rating-selector label:hover {

  transform: scale(1.1);

}



.hy-review-form__rating-selector label:hover,

.hy-review-form__rating-selector label:hover ~ label,

.hy-review-form__rating-selector input:checked ~ label {

  color: var(--hy-color-tertiary, #c5a059);

}



/* Custom File Upload Styling */

.hy-review-form__file-wrap {

  position: relative;

  display: flex;

  align-items: center;

  gap: 12px;

  border: 1px dashed rgba(61, 73, 40, 0.15);

  border-radius: 12px;

  padding: 12px 16px;

  background: #faf9f6;

  cursor: pointer;

  transition: all 0.25s ease;

}



.hy-review-form__file-wrap:hover {

  border-color: var(--hy-color-tertiary, #c5a059);

  background: #ffffff;

}



.hy-review-form__file {

  position: absolute;

  inset: 0;

  opacity: 0;

  cursor: pointer;

  z-index: 2;

  width: 100%;

  height: 100%;

}



.hy-review-form__file-trigger {

  display: inline-flex;

  align-items: center;

  gap: 6px;

  background: var(--hy-color-primary);

  color: #ffffff;

  padding: 7px 14px;

  border-radius: 8px;

  font-size: 11px;

  font-weight: 700;

  text-transform: uppercase;

  pointer-events: none;

}



.hy-review-form__file-trigger svg {

  width: 14px;

  height: 14px;

}



.hy-review-form__file-name {

  font-size: 12px;

  color: #6b7280;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  max-width: 200px;

  pointer-events: none;

}



.hy-review-form__help {

  display: block;

  font-size: 11px;

  color: var(--hy-color-muted);

  margin-top: 6px;

}



.hy-review-form__feedback {

  padding: 12px 16px;

  border-radius: 10px;

  font-size: 12.5px;

  font-weight: 600;

  margin-bottom: 20px;

  line-height: 1.4;

}



.hy-review-form__feedback.success {

  background: #f0fdf4;

  color: #16a34a;

  border: 1px solid #bbf7d0;

}



.hy-review-form__feedback.error {

  background: #fef2f2;

  color: #dc2626;

  border: 1px solid #fecaca;

}



.hy-review-form__feedback.is-hidden {

  display: none;

}



.hy-review-form__submit-btn {

  width: 100%;

  background: var(--hy-color-primary);

  color: #ffffff;

  border: none;

  padding: 15px;

  border-radius: 12px;

  font-size: 13px;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.08em;

  cursor: pointer;

  transition: all 0.25s ease;

  box-shadow: 0 4px 12px rgba(61, 73, 40, 0.15);

}



.hy-review-form__submit-btn:hover {

  background: var(--hy-color-tertiary, #c5a059);

  box-shadow: 0 6px 16px rgba(197, 160, 89, 0.25);

  transform: translateY(-1px);

}



/* Premium Restriction Warning Layout */

.hy-review-restriction {

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

  padding: 24px 12px 12px;

}



.hy-review-restriction__icon {

  width: 64px;

  height: 64px;

  background: #faf8f3;

  border: 1px solid rgba(197, 160, 89, 0.15);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--hy-color-tertiary, #c5a059);

  margin-bottom: 20px;

  box-shadow: 0 4px 15px rgba(197, 160, 89, 0.06);

}



.hy-review-restriction__icon svg {

  width: 30px;

  height: 30px;

}



.hy-review-restriction__title {

  font-family: "Noto Serif", serif;

  font-size: 18px;

  font-weight: 700;

  color: var(--hy-color-primary);

  margin: 0 0 10px 0;

}



.hy-review-restriction__text {

  font-size: 13.5px;

  line-height: 1.6;

  color: #6b7280;

  max-width: 360px;

  margin: 0 0 24px 0;

}



.hy-review-restriction__text strong {

  color: var(--hy-color-primary);

  font-weight: 700;

}



.hy-review-restriction__btn {

  background: var(--hy-color-primary);

  color: #ffffff;

  border: none;

  padding: 12px 32px;

  border-radius: 99px;

  font-size: 13px;

  font-weight: 700;

  text-decoration: none;

  display: inline-block;

  cursor: pointer;

  transition: all 0.25s ease;

  box-shadow: 0 4px 12px rgba(61, 73, 40, 0.15);

}



.hy-review-restriction__btn:hover {

  background: var(--hy-color-tertiary, #c5a059);

  transform: translateY(-2px);

  box-shadow: 0 6px 16px rgba(197, 160, 89, 0.25);

}



/* Lightbox Image Preview Modal */

.hy-pdp-reviews-lightbox {

  position: fixed;

  inset: 0;

  z-index: 10010;

  background: rgba(0, 0, 0, 0.9);

  display: flex;

  align-items: center;

  justify-content: center;

  opacity: 0;

  pointer-events: none;

  transition: opacity 0.3s ease;

}



.hy-pdp-reviews-lightbox.is-active {

  opacity: 1;

  pointer-events: auto;

}



.hy-pdp-reviews-lightbox__content {

  max-width: 90vw;

  max-height: 90vh;

}



.hy-pdp-reviews-lightbox__content img {

  max-width: 100%;

  max-height: 90vh;

  border-radius: 12px;

  box-shadow: 0 10px 30px rgba(0,0,0,0.5);

}



@media (min-width: 768px) {

  .hy-pdp-reviews {

    margin-top: 64px;

    padding-top: 48px;

  }



  .hy-pdp-reviews__header {

    margin-bottom: 32px;

  }



  .hy-pdp-reviews__card {

    flex: 0 0 320px;

  }



  .hy-pdp-reviews__carousel-wrapper {

    margin: 0;

    padding: 0;

  }



  .hy-pdp-reviews__arrow {

    display: flex;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 40px;

    height: 40px;

    border-radius: 50%;

    background: #ffffff;

    border: 1px solid rgba(61, 73, 40, 0.12);

    align-items: center;

    justify-content: center;

    cursor: pointer;

    box-shadow: var(--hy-shadow-sm);

    z-index: 10;

    transition: all 0.25s ease;

  }



  .hy-pdp-reviews__arrow svg {

    width: 18px;

    height: 18px;

    color: var(--hy-color-primary);

  }



  .hy-pdp-reviews__arrow:hover {

    background: var(--hy-color-primary);

    border-color: var(--hy-color-primary);

  }



  .hy-pdp-reviews__arrow:hover svg {

    color: #ffffff;

  }



  .hy-pdp-reviews__arrow--right {

    right: -20px;

  }



  .hy-pdp-reviews__arrow--left {

    left: -20px;

  }



  .hy-pdp-reviews__arrow.is-hidden {

    display: none;

  }

}





/* Reviews container alignment wrapper */

.hy-pdp__reviews-wrap {

  margin-top: 40px;

  margin-bottom: 40px;

}





/* ==========================================================================

   MODERN 3-COLUMN REVIEWS GRID & TYPOGRAPHY OVERRIDES

   ========================================================================== */

.hy-pdp-reviews__main-title {

  margin: 0 0 24px;

  font-family: "Noto Serif", serif;

  font-size: 26px;

  font-weight: 700;

  color: var(--hy-color-primary);

}



.hy-pdp-reviews__top-grid {

  display: grid;

  grid-template-columns: 1fr;

  gap: 24px;

  margin-bottom: 32px;

  align-items: stretch;

}



/* Column 1: Score Card */

.hy-pdp-reviews__score-card {

  background: #f4f6f0;

  border: 1px solid rgba(61, 73, 40, 0.05);

  border-radius: 18px;

  padding: 24px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  text-align: center;

  box-shadow: inset 0 1px 3px rgba(61, 73, 40, 0.02);

}



.hy-pdp-reviews__score-val {

  font-size: 52px;

  font-weight: 800;

  color: var(--hy-color-primary);

  line-height: 1;

  letter-spacing: -1px;

}



.hy-pdp-reviews__stars-row {

  color: var(--hy-color-tertiary);

  display: flex;

  font-size: 22px;

  margin: 12px 0 6px;

  letter-spacing: -0.5px;

}



.hy-pdp-reviews__stars-row .star-empty {

  color: #d1d5db;

}



.hy-pdp-reviews__count-label {

  font-size: 13px;

  color: #6b7280;

  font-weight: 600;

}



.hy-pdp-reviews__badge-label {

  display: inline-flex;

  align-items: center;

  background: #ffffff;

  color: #16a34a;

  border-radius: 99px;

  padding: 6px 14px;

  font-size: 11px;

  font-weight: 700;

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);

  margin-top: 14px;

  border: 1px solid rgba(22, 163, 74, 0.08);

}



/* Column 2: Distribution Chart overrides */

.hy-pdp-reviews__distribution {

  display: flex;

  flex-direction: column;

  justify-content: center;

  background: #ffffff;

  border: 1px solid rgba(61, 73, 40, 0.05);

  border-radius: 18px;

  padding: 24px;

  box-shadow: 0 4px 15px rgba(61, 73, 40, 0.01);

}



/* Column 3: Call to Action Card */

.hy-pdp-reviews__cta-card {

  background: #faf9f6;

  border: 1px dashed rgba(61, 73, 40, 0.15);

  border-radius: 18px;

  padding: 24px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  text-align: center;

}



.hy-pdp-reviews__cta-title {

  margin: 0 0 8px;

  font-family: "Noto Serif", serif;

  font-size: 17px;

  font-weight: 700;

  color: var(--hy-color-primary);

}



.hy-pdp-reviews__cta-text {

  margin: 0 0 16px;

  font-size: 12px;

  line-height: 1.6;

  color: #6b7280;

  max-width: 240px;

}



/* Enlarged typography & modern card overlays */

.hy-pdp-reviews__card {

  flex: 0 0 85%;

  padding: 28px !important;

  border: 1px solid rgba(61, 73, 40, 0.08) !important;

  box-shadow: 0 4px 20px rgba(61, 73, 40, 0.01) !important;

  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;

}



.hy-pdp-reviews__card:hover {

  transform: translateY(-4px);

  border-color: var(--hy-color-tertiary) !important;

  box-shadow: 0 12px 30px rgba(61, 73, 40, 0.06) !important;

}



.hy-pdp-reviews__comment {

  font-size: 14px !important;

  line-height: 1.7 !important;

  color: #374151 !important;

}



.hy-pdp-reviews__author-name {

  font-size: 14.5px !important;

}



.hy-pdp-reviews__date,

.hy-pdp-reviews__like-btn {

  font-size: 12px !important;

}



@media (min-width: 768px) {

  .hy-pdp-reviews__top-grid {

    grid-template-columns: repeat(2, 1fr);

  }

  

  .hy-pdp-reviews__distribution {

    max-width: none;

    margin-bottom: 0;

  }

  

  .hy-pdp-reviews__cta-card {

    grid-column: span 2;

    flex-direction: row;

    gap: 32px;

    text-align: left;

    justify-content: space-between;

    padding: 32px;

  }

  

  .hy-pdp-reviews__cta-card .hy-pdp-reviews__cta-text {

    margin-bottom: 0;

    max-width: none;

  }

  

  .hy-pdp-reviews__card {

    flex: 0 0 calc(50% - 8px) !important;

  }

}



@media (min-width: 1024px) {

  .hy-pdp-reviews__main-title {

    font-size: 30px;

  }



  .hy-pdp-reviews__top-grid {

    grid-template-columns: repeat(3, 1fr);

    gap: 24px;

  }

  

  .hy-pdp-reviews__cta-card {

    grid-column: span 1;

    flex-direction: column;

    gap: 0;

    text-align: center;

    justify-content: center;

    padding: 24px;

  }

  

  .hy-pdp-reviews__cta-card .hy-pdp-reviews__cta-text {

    margin-bottom: 16px;

    max-width: 240px;

  }



  .hy-pdp-reviews__card {

    flex: 0 0 calc(33.333% - 11px) !important;

  }

}



/* All Reviews Fullscreen Modal */

.hy-pdp-all-reviews-modal {

  position: fixed;

  inset: 0;

  z-index: 10005;

  display: flex;

  align-items: center;

  justify-content: flex-end;

  opacity: 0;

  pointer-events: none;

  transition: opacity 0.3s ease;

}



.hy-pdp-all-reviews-modal.is-active {

  opacity: 1;

  pointer-events: auto;

}



.hy-pdp-all-reviews-modal__backdrop {

  position: absolute;

  inset: 0;

  background: rgba(37, 45, 24, 0.5);

  backdrop-filter: blur(4px);

  -webkit-backdrop-filter: blur(4px);

}



.hy-pdp-all-reviews-modal__dialog {

  position: relative;

  z-index: 1;

  width: 100%;

  max-width: 600px;

  height: 100%;

  background: #ffffff;

  box-shadow: -10px 0 40px rgba(37, 45, 24, 0.15);

  display: flex;

  flex-direction: column;

  transform: translateX(100%);

  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);

}



.hy-pdp-all-reviews-modal.is-active .hy-pdp-all-reviews-modal__dialog {

  transform: translateX(0);

}



.hy-pdp-all-reviews-modal__header {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 24px;

  border-bottom: 1px solid #f3f4f6;

  background: #ffffff;

}



.hy-pdp-all-reviews-modal__title {

  margin: 0;

  font-family: "Noto Serif", serif;

  font-size: 20px;

  font-weight: 700;

  color: var(--hy-color-primary);

}



.hy-pdp-all-reviews-modal__close {

  background: transparent;

  border: none;

  font-size: 30px;

  color: var(--hy-color-primary);

  cursor: pointer;

  line-height: 1;

  padding: 4px;

  opacity: 0.7;

  transition: opacity 0.2s ease;

}



.hy-pdp-all-reviews-modal__close:hover {

  opacity: 1;

}



.hy-pdp-all-reviews-modal__list {

  flex: 1;

  overflow-y: auto;

  padding: 24px;

  display: flex;

  flex-direction: column;

  gap: 20px;

  background: #faf9f6;

}



.hy-pdp-all-reviews-modal__card {

  background: #ffffff;

  border: 1px solid rgba(61, 73, 40, 0.06);

  border-radius: 16px;

  padding: 20px;

  box-shadow: 0 4px 15px rgba(61, 73, 40, 0.015);

  display: flex;

  flex-direction: column;

  gap: 12px;

}



.hy-pdp-all-reviews-modal__card-head {

  display: flex;

  align-items: center;

  gap: 10px;

}



.hy-pdp-all-reviews-modal__date {

  margin-left: auto;

  font-size: 11px;

  color: #9ca3af;

}



.hy-pdp-all-reviews-modal__comment {

  margin: 0;

  font-size: 13.5px;

  line-height: 1.5;

  color: #374151;

}



/* See All Card inside Reviews Carousel */

.hy-pdp-reviews__card--see-all {

  background: #faf8f3;

  border: 1px dashed rgba(197, 160, 89, 0.35);

  cursor: pointer;

  justify-content: center;

  align-items: center;

  text-align: center;

}



.hy-pdp-reviews__card--see-all:hover {

  border-style: solid;

  border-color: var(--hy-color-tertiary, #c5a059);

  background: #ffffff;

  box-shadow: 0 10px 25px rgba(61, 73, 40, 0.05);

}



.hy-pdp-reviews__see-all-card-content {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  gap: 10px;

  height: 100%;

}



.hy-pdp-reviews__see-all-card-icon {

  width: 44px;

  height: 44px;

  background: #ffffff;

  border: 1px solid rgba(197, 160, 89, 0.15);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--hy-color-tertiary, #c5a059);

  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  box-shadow: 0 4px 10px rgba(197, 160, 89, 0.04);

}



.hy-pdp-reviews__card--see-all:hover .hy-pdp-reviews__see-all-card-icon {

  background: var(--hy-color-primary);

  color: #ffffff;

  border-color: var(--hy-color-primary);

  transform: scale(1.05);

}



.hy-pdp-reviews__see-all-card-title {

  font-size: 15px;

  font-weight: 700;

  color: var(--hy-color-primary);

  margin: 4px 0 0 0;

}



.hy-pdp-reviews__see-all-card-text {

  font-size: 12.5px;

  line-height: 1.45;

  color: #6b7280;

  max-width: 220px;

  margin: 0;

}



.hy-pdp-reviews__see-all-card-text strong {

  color: var(--hy-color-primary);

  font-weight: 700;

}



/* Collapsible Content & Read More Buttons */

.hy-pdp-reviews__comment-wrap,

.hy-pdp-reviews__reply-wrap {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

}



.hy-pdp-reviews__readmore-btn,

.hy-pdp-reviews__reply-readmore-btn {

  background: transparent;

  border: none;

  padding: 0;

  color: var(--hy-color-tertiary, #c5a059);

  font-size: 11.5px;

  font-weight: 700;

  cursor: pointer;

  margin-top: 4px;

  text-decoration: underline;

  display: inline-block;

  transition: color 0.2s ease;

  font-family: Inter, sans-serif;

  text-underline-offset: 2px;

}



.hy-pdp-reviews__readmore-btn:hover,

.hy-pdp-reviews__reply-readmore-btn:hover {

  color: var(--hy-color-primary);

}



.is-hidden {

  display: none !important;

}



/* Responsive adjustments for All Reviews Modal on Desktop */

@media (min-width: 1024px) {

  .hy-pdp-all-reviews-modal {

    justify-content: center;

  }

  

  .hy-pdp-all-reviews-modal__dialog {

    max-width: 900px;

    height: auto;

    max-height: 80vh;

    border-radius: 24px;

    transform: scale(0.95);

    box-shadow: 0 30px 80px rgba(37, 45, 24, 0.22);

    border: 1px solid rgba(61, 73, 40, 0.04);

  }

  

  .hy-pdp-all-reviews-modal.is-active .hy-pdp-all-reviews-modal__dialog {

    transform: scale(1) translateX(0); /* override desktop scale and reset translate */

  }

  

  .hy-pdp-all-reviews-modal__header {

    border-top-left-radius: 24px;

    border-top-right-radius: 24px;

    padding: 24px 32px;

  }

  

  .hy-pdp-all-reviews-modal__list {

    border-bottom-left-radius: 24px;

    border-bottom-right-radius: 24px;

    padding: 32px;

    display: grid;

    grid-template-columns: 1fr 1fr; /* 2-column layout on desktop */

    gap: 20px;

  }

}



/* ==========================================================================

   PRODUCT DETAIL PAGE: PREMIUM DESCRIPTION SECTION

   ========================================================================== */

.hy-pdp__description-wrap {

  margin-top: 40px;

  margin-bottom: 40px;

}



.hy-pdp-description-card {

  background: #ffffff;

  border: 1px solid rgba(61, 73, 40, 0.08);

  border-radius: 24px;

  padding: 24px;

  box-shadow: 0 10px 30px rgba(61, 73, 40, 0.02);

}



@media (min-width: 1024px) {

  .hy-pdp-description-card {

    padding: 40px;

  }

  .hy-pdp-description-card__grid {

    display: grid;

    grid-template-columns: 280px 1fr;

    gap: 48px;

  }

}



.hy-pdp-description-card__grid {

  display: flex;

  flex-direction: column;

  gap: 32px;

}



/* Product Description Specs Board */

.hy-pdp-description-card__specs {

  display: flex;

  flex-direction: column;

  gap: 16px;

}



.hy-pdp-description-card__specs-title {

  font-family: "Noto Serif", serif;

  font-size: 20px;

  font-weight: 700;

  color: var(--hy-color-primary);

  margin: 0 0 8px;

}



.hy-pdp-description-card__specs-grid {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 12px;

}



.hy-pdp-description-card__spec-item {

  background: #f4f6f0;

  border-left: 3px solid var(--hy-color-tertiary, #c5a059);

  border-radius: 12px;

  padding: 16px;

  display: flex;

  flex-direction: column;

  gap: 4px;

  transition: transform 0.2s ease, box-shadow 0.2s ease;

}



.hy-pdp-description-card__spec-item:hover {

  transform: translateY(-2px);

  box-shadow: 0 4px 12px rgba(61, 73, 40, 0.05);

}



.hy-pdp-description-card__spec-label {

  font-size: 11px;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.05em;

  color: var(--hy-color-muted);

}



.hy-pdp-description-card__spec-value {

  font-family: "Noto Serif", serif;

  font-size: 18px;

  font-weight: 700;

  color: var(--hy-color-primary);

}



.hy-pdp-description-card__spec-desc {

  font-size: 11px;

  color: #6b7280;

}



/* Accordion Panels */

.hy-pdp-description-card__accordions {

  display: flex;

  flex-direction: column;

  gap: 12px;

}



.hy-pdp-accordion {

  border-bottom: 1px solid rgba(61, 73, 40, 0.08);

  padding-bottom: 12px;

}



.hy-pdp-accordion__trigger {

  width: 100%;

  display: flex;

  justify-content: space-between;

  align-items: center;

  background: transparent;

  border: none;

  padding: 12px 0;

  font-family: "Noto Serif", serif;

  font-size: 16px;

  font-weight: 700;

  color: var(--hy-color-primary);

  cursor: pointer;

  text-align: left;

  outline: none;

  transition: color 0.2s ease;

}



.hy-pdp-accordion__trigger:hover {

  color: var(--hy-color-tertiary);

}



.hy-pdp-accordion__icon {

  width: 16px;

  height: 16px;

  transition: transform 0.3s ease;

  color: var(--hy-color-primary);

}



.hy-pdp-accordion.is-active .hy-pdp-accordion__icon {

  transform: rotate(180deg);

  color: var(--hy-color-tertiary);

}



.hy-pdp-accordion__content {

  max-height: 0;

  overflow: hidden;

  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);

}



.hy-pdp-accordion__inner {

  padding: 8px 0 16px;

  font-size: 14px;

  line-height: 1.6;

  color: #4b5563;

  font-family: Inter, sans-serif;

}



.hy-pdp-accordion__inner p {

  margin: 0 0 12px 0;

}



.hy-pdp-accordion__inner p:last-child {

  margin-bottom: 0;

}



.hy-pdp-accordion__inner strong {

  color: var(--hy-color-primary);

  font-weight: 700;

}



/* WooCommerce attributes table inside accordion */

.hy-pdp-accordion__inner .woocommerce-product-attributes {

  width: 100%;

  border-collapse: collapse;

  margin: 0;

}

.hy-pdp-accordion__inner .woocommerce-product-attributes-item {

  border-bottom: 1px solid rgba(61, 73, 40, 0.08);

}

.hy-pdp-accordion__inner .woocommerce-product-attributes-item:last-child {

  border-bottom: none;

}

.hy-pdp-accordion__inner .woocommerce-product-attributes-item__label,

.hy-pdp-accordion__inner .woocommerce-product-attributes-item__value {

  padding: 10px 0;

  font-size: 13px;

  line-height: 1.5;

  text-align: left;

}

.hy-pdp-accordion__inner .woocommerce-product-attributes-item__label {

  font-weight: 600;

  color: var(--hy-color-primary);

  width: 140px;

}

.hy-pdp-accordion__inner .woocommerce-product-attributes-item__value {

  color: #4b5563;

}

.hy-pdp-accordion__inner .woocommerce-product-attributes-item__value p {

  margin: 0;

}



/* Timeline Section (Process Flow) - Premium Dark Forest Green Layout */

.hy-pdp-timeline-section {

  margin-top: 48px;

  background: #2a351e; /* Rich forest dark green */

  border-radius: 24px;

  padding: 48px 32px;

  color: #ffffff;

  box-shadow: 0 15px 40px rgba(42, 53, 30, 0.15);

  box-sizing: border-box;

  width: 100%;

}



.hy-pdp-timeline-header {

  text-align: center;

  margin-bottom: 48px;

}



.hy-pdp-timeline-subtitle {

  font-size: 12px;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.15em;

  color: #c5a059; /* Gold */

  font-family: Inter, sans-serif;

}



.hy-pdp-timeline-title {

  font-family: "Noto Serif", serif;

  font-size: 28px;

  font-weight: 700;

  color: #ffffff;

  margin: 8px 0 16px;

}



.hy-pdp-timeline-divider {

  width: 50px;

  height: 2px;

  background: #c5a059;

  margin: 0 auto;

  border-radius: 99px;

}



.hy-pdp-timeline-grid {

  display: grid;

  grid-template-columns: 1fr;

  gap: 40px;

  position: relative;

}



@media (min-width: 1024px) {

  .hy-pdp-timeline-grid {

    grid-template-columns: repeat(4, 1fr);

    gap: 32px;

  }

  /* Desktop timeline horizontal line connector */

  .hy-pdp-timeline-grid::before {

    content: "";

    position: absolute;

    top: 40px;

    left: 12.5%;

    width: 75%;

    height: 2px;

    background: repeating-linear-gradient(to right, rgba(197, 160, 89, 0.4) 0, rgba(197, 160, 89, 0.4) 5px, transparent 5px, transparent 10px);

    z-index: 1;

  }

}



@media (max-width: 1023px) {

  /* Mobile timeline vertical line connector */

  .hy-pdp-timeline-grid::before {

    content: "";

    position: absolute;

    top: 40px;

    bottom: 40px;

    left: 50%;

    width: 2px;

    transform: translateX(-50%);

    background: repeating-linear-gradient(to bottom, rgba(197, 160, 89, 0.4) 0, rgba(197, 160, 89, 0.4) 5px, transparent 5px, transparent 10px);

    z-index: 1;

  }

}



.hy-pdp-timeline-step {

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

  z-index: 2;

}



.hy-pdp-timeline-icon-wrap {

  width: 80px;

  height: 80px;

  background: #2a351e;

  border: 2px solid #c5a059; /* Gold border */

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #c5a059; /* Gold icon color */

  position: relative;

  margin-bottom: 20px;

  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);

  box-shadow: 0 4px 15px rgba(0,0,0,0.1);

}



.hy-pdp-timeline-step:hover .hy-pdp-timeline-icon-wrap {

  background: #c5a059;

  color: #2a351e;

  border-color: #c5a059;

  transform: translateY(-4px) scale(1.05);

  box-shadow: 0 10px 25px rgba(197, 160, 89, 0.3);

}



.hy-pdp-timeline-step-num {

  position: absolute;

  top: -4px;

  right: -4px;

  background: #ffffff;

  color: #2a351e;

  font-size: 10px;

  font-weight: 700;

  width: 22px;

  height: 22px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  box-shadow: 0 2px 5px rgba(0,0,0,0.15);

  border: 1px solid #ffffff;

}



.hy-pdp-timeline-icon {

  width: 30px;

  height: 30px;

}



.hy-pdp-timeline-step-title {

  font-family: "Noto Serif", serif;

  font-size: 17px;

  font-weight: 700;

  color: #ffffff;

  margin: 0 0 10px 0;

}



.hy-pdp-timeline-step-desc {

  font-size: 13px;

  line-height: 1.6;

  color: #b0b8a5; /* Soft light muted green-gray */

  max-width: 240px;

  font-family: Inter, sans-serif;

}



.hy-pdp-reviews__readmore-btn,

.hy-pdp-reviews__reply-readmore-btn {

  background: transparent;

  border: none;

  padding: 0;

  color: var(--hy-color-tertiary, #c5a059);

  font-size: 11.5px;

  font-weight: 700;

  cursor: pointer;

  margin-top: 4px;

  text-decoration: underline;

  display: inline-block;

  transition: color 0.2s ease;

  font-family: Inter, sans-serif;

  text-underline-offset: 2px;

}



.hy-pdp-reviews__readmore-btn:hover,

.hy-pdp-reviews__reply-readmore-btn:hover {

  color: var(--hy-color-primary);

}



.is-hidden {

  display: none !important;

}



/* Responsive adjustments for All Reviews Modal on Desktop */

@media (min-width: 1024px) {

  .hy-pdp-all-reviews-modal {

    justify-content: center;

  }

  

  .hy-pdp-all-reviews-modal__dialog {

    max-width: 900px;

    height: auto;

    max-height: 80vh;

    border-radius: 24px;

    transform: scale(0.95);

    box-shadow: 0 30px 80px rgba(37, 45, 24, 0.22);

    border: 1px solid rgba(61, 73, 40, 0.04);

  }

  

  .hy-pdp-all-reviews-modal.is-active .hy-pdp-all-reviews-modal__dialog {

    transform: scale(1) translateX(0); /* override desktop scale and reset translate */

  }

  

  .hy-pdp-all-reviews-modal__header {

    border-top-left-radius: 24px;

    border-top-right-radius: 24px;

    padding: 24px 32px;

  }

  

  .hy-pdp-all-reviews-modal__list {

    border-bottom-left-radius: 24px;

    border-bottom-right-radius: 24px;

    padding: 32px;

    display: grid;

    grid-template-columns: 1fr 1fr; /* 2-column layout on desktop */

    gap: 20px;

  }

}









/* ==========================================================================

   MOBILE PRODUCT GRID FULL-WIDTH OPTIMIZATION (Stretches to 4px edge padding)

   ========================================================================== */

@media (max-width: 767px) {

  .hy-product-grid,

  .hy-home-products__grid {

    margin-left: -12px !important;

    margin-right: -12px !important;

    width: calc(100% + 24px) !important;

    box-sizing: border-box !important;

  }

}



/* ==========================================================================

   PDP PREMIUM EXTENSIONS: LEGACY TAG, SENSORY SPECS & ANALYSIS REPORTS

   ========================================================================== */



.hy-pdp-legacy-tag {

  font-family: Inter, sans-serif;

  color: #c5a059;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 0.15em;

  text-transform: uppercase;

  margin-bottom: 12px;

  line-height: 1.2;

}



.hy-pdp-sensory-specs {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 16px 44px;

  background: transparent;

  border: none;

  border-top: 1px solid rgba(61, 73, 40, 0.1);

  border-bottom: 1px solid rgba(61, 73, 40, 0.1);

  border-radius: 0;

  padding: 16px 0;

  margin: 22px 0;

  box-shadow: none;

  width: 100%;

}



.hy-pdp-sensory-specs__item {

  display: flex;

  align-items: center;

  gap: 12px;

}



.hy-pdp-sensory-specs__icon {

  width: auto;

  height: auto;

  background: transparent;

  color: #c5a059;

  border-radius: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

}



.hy-pdp-sensory-specs__icon svg {

  width: 20px;

  height: 20px;

}



.hy-pdp-sensory-specs__content {

  display: flex;

  flex-direction: column;

  gap: 3px;

}



.hy-pdp-sensory-specs__label {

  font-family: Inter, sans-serif;

  font-size: 10.5px;

  font-weight: 600;

  color: #8c967e;

  text-transform: uppercase;

  letter-spacing: 0.06em;

  line-height: 1.1;

}



.hy-pdp-sensory-specs__value {

  font-family: Inter, sans-serif;

  font-size: 15px;

  font-weight: 700;

  color: #3d4928;

  line-height: 1.2;

}



.hy-pdp-sensory-specs__link {

  color: #c5a059;

  text-decoration: none !important;

  border-bottom: 1px dashed rgba(197, 160, 89, 0.6);

  padding-bottom: 1px;

  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

  display: inline-flex;

  align-items: center;

  gap: 4px;

}



.hy-pdp-sensory-specs__link:hover {

  color: #3d4928;

  border-bottom-color: #3d4928;

}



.hy-pdp-sensory-specs__arrow {

  width: 12px;

  height: 12px;

  color: inherit;

  transition: transform 0.2s ease;

}



.hy-pdp-sensory-specs__link:hover .hy-pdp-sensory-specs__arrow {

  transform: translateX(2px);

}



/* Responsive details for Sensory Specs */

@media (max-width: 640px) {

  .hy-pdp-sensory-specs {

    flex-direction: column;

    align-items: flex-start;

    gap: 16px;

    padding: 16px 0;

  }

}









/* ==========================================================================

   MOBILE PDP FULL-BLEED GALLERY OPTIMIZATION (Stretches PDP gallery to screen edges)

   ========================================================================== */

@media (max-width: 767px) {

  .hy-pdp__media-col {

    margin-left: -1rem !important;

    margin-right: -1rem !important;

    width: calc(100% + 2rem) !important;

    max-width: none !important;

  }

  .hy-pdp-gallery__wrapper {

    border-radius: 0 !important;

  }

}



/* ==========================================================================

   MOBILE PDP REVIEWS FULL-WIDTH & SHARP CORNERS OPTIMIZATION

   ========================================================================== */

@media (max-width: 767px) {

  /* Prevent horizontal overflow on html/body */

  html, body {

    overflow-x: hidden !important;

  }



  /* Reset parent wrapper margins to keep it perfectly aligned */

  .hy-pdp__reviews-wrap {

    margin-left: 0 !important;

    margin-right: 0 !important;

    width: 100% !important;

    max-width: 100% !important;

    box-sizing: border-box !important;

  }

  

  /* Container sharp corners and stretch it inside the padded wrapper (1px gap at viewport edges) */

  .hy-pdp-reviews {

    margin-left: calc(-1rem + 1px) !important;

    margin-right: calc(-1rem + 1px) !important;

    width: calc(100% + 2rem - 2px) !important;

    max-width: none !important;

    box-sizing: border-box !important;

    border-radius: 0 !important;

    padding: 24px 12px !important;

  }



  /* Sharp corners for cards and grids inside reviews */

  .hy-pdp-reviews__score-card,

  .hy-pdp-reviews__distribution,

  .hy-pdp-reviews__cta-card,

  .hy-pdp-reviews__card,

  .hy-pdp-all-reviews-modal__card,

  .hy-pdp-reviews-modal__dialog,

  .hy-pdp-reviews__reply {

    border-radius: 4px !important;

  }



  /* Sharp corners for image attachments */

  .hy-pdp-reviews__attached-wrap,

  .hy-pdp-reviews__attached-img,

  .hy-pdp-reviews-lightbox__content img {

    border-radius: 4px !important;

  }



  /* Sharp corners for forms, inputs, and buttons */

  .hy-pdp-reviews__add-btn,

  .hy-pdp-reviews__all-btn,

  .hy-pdp-reviews__filter-tag,

  .hy-review-form__textarea,

  .hy-review-form__feedback,

  .hy-review-form__submit,

  .hy-pdp-reviews__like-btn {

    border-radius: 4px !important;

  }



  /* Compact spacing & sharper corners for shipping notice */

  .hy-pdp-shipping {

    margin-top: 0.75rem !important;

    gap: 0.375rem !important;

  }

  

  .hy-pdp-shipping__row {

    padding: 0.5rem 0.75rem !important;

    border-radius: 4px !important;

  }



  .hy-pdp-shipping__free-badge {

    margin-top: 0 !important;

  }



  .hy-pdp-shipping__progress-wrap {

    margin-top: 0 !important;

  }



  .hy-pdp-shipping__progress-head {

    margin-bottom: 0.25rem !important;

  }

}







/* ═══════════════════════════════════════════

   PDP Varyasyon Seçici

   ═══════════════════════════════════════════ */



.hy-pdp-variants {

  margin: 20px 0 28px;

}



.hy-pdp-variants__label {

  display: block;

  font-size: 11px;

  font-weight: 500;

  letter-spacing: 0.06em;

  text-transform: uppercase;

  color: #888;

  margin-bottom: 10px;

}



.hy-pdp-variants__grid {

  display: flex;

  gap: 10px;

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

  scrollbar-width: none;

}



.hy-pdp-variants__grid::-webkit-scrollbar {

  display: none;

}



.hy-pdp-variants__card {

  display: flex;

  flex-direction: column;

  align-items: center;

  flex-shrink: 0;

  width: 85px;

  background: transparent;

  border: none;

  cursor: pointer;

  text-decoration: none;

  color: inherit;

}



.hy-pdp-variants__card:hover .hy-pdp-variants__info {

  border-color: #999;

}



.hy-pdp-variants__card.is-active .hy-pdp-variants__info {

  border-color: var(--hy-color-primary, #3d4928);

}



.hy-pdp-variants__card.is-out-of-stock {

  opacity: 0.4;

  cursor: not-allowed;

  pointer-events: none;

}



/* Görsel — bordürsüz, temiz */

.hy-pdp-variants__img-wrap {

  position: relative;

  width: 100%;

  aspect-ratio: 1;

  overflow: hidden;

}



.hy-pdp-variants__img-wrap img {

  width: 100%;

  height: 100%;

  object-fit: contain;

  display: block;

}



.hy-pdp-variants__oos-overlay {

  position: absolute;

  inset: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  background: rgba(0, 0, 0, 0.4);

  color: #fff;

  font-size: 10px;

  font-weight: 600;

  letter-spacing: 0.03em;

}



/* Alt kısım: radio + etiket — bordür sadece burada (sol, sağ, alt) */

.hy-pdp-variants__info {

  display: flex;

  align-items: center;

  gap: 5px;

  width: 100%;

  padding: 7px 8px;

  border: 1px solid #c5c5c5;

  border-top: none;

  transition: border-color 0.2s ease;

}



.hy-pdp-variants__radio {

  flex-shrink: 0;

  width: 12px;

  height: 12px;

  border-radius: 50%;

  border: 1.5px solid #bbb;

  background: #fff;

  transition: border-color 0.15s, background 0.15s;

}



.hy-pdp-variants__radio.is-checked {

  border-color: #3a3a3a;

  background: #3a3a3a;

  box-shadow: inset 0 0 0 2px #fff;

}



.hy-pdp-variants__name {

  font-size: 12px;

  font-weight: 400;

  color: #4a4a4a;

  line-height: 1;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}



.hy-pdp-variants__card.is-active .hy-pdp-variants__name {

  font-weight: 500;

  color: #333;

}



.hy-pdp-variants__price {

  display: none;

}



/* Responsive */

@media (min-width: 768px) {

  .hy-pdp-variants__card {

    width: 96px;

  }

}



@media (min-width: 1024px) {

  .hy-pdp-variants__grid {

    flex-wrap: wrap;

  }

}





/* ═══════════════════════════════════════════

   Ürün Kartı - Stokta Yok Görünümü

   ═══════════════════════════════════════════ */



.hy-card.is-out-of-stock {

  opacity: 0.55;

}



.hy-card.is-out-of-stock:hover {

  opacity: 0.7;

}



.hy-card__oos-overlay {

  position: absolute;

  top: 10px;

  right: 10px;

  z-index: 5;

  background: rgba(0, 0, 0, 0.65);

  color: #fff;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 0.04em;

  text-transform: uppercase;

  padding: 4px 10px;

  border-radius: 6px;

}



.hy-card.is-out-of-stock .hy-card__add-to-cart {

  display: none;

}



.hy-card.is-out-of-stock .hy-card__fomo {

  display: none;

}



/* ═══════════════════════════════════════════

   Ulusal ve Uluslararası Ödüllerimiz Akordiyonu

   ═══════════════════════════════════════════ */



.hy-pdp-accordion--awards {

  border-bottom: 1px solid rgba(197, 160, 89, 0.15); /* Gold tinted border */

}



.hy-pdp-accordion__title-wrap {

  display: flex;

  align-items: center;

  gap: 10px;

}



.hy-pdp-accordion__award-icon {

  width: 20px;

  height: 20px;

  color: var(--hy-color-tertiary, #c5a059);

  flex-shrink: 0;

  transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);

}



.hy-pdp-accordion__trigger:hover .hy-pdp-accordion__award-icon {

  transform: scale(1.15) rotate(5deg);

}



.hy-pdp-accordion__awards-container {

  border-left: 2.5px solid var(--hy-color-tertiary, #c5a059);

  padding: 14px 18px;

  margin: 4px 0 8px 4px;

  background: rgba(197, 160, 89, 0.03);

  border-radius: 0 10px 10px 0;

}



.hy-pdp-accordion__awards-container p {

  margin: 0 0 10px 0;

  line-height: 1.65;

  color: #374151; /* Slightly darker and more premium text */

}



.hy-pdp-accordion__awards-container p:last-child {

  margin-bottom: 0;

}



/* Bullet list overrides within awards container */

.hy-pdp-accordion__awards-container ul {

  list-style: none;

  padding: 0;

  margin: 0;

  display: flex;

  flex-direction: column;

  gap: 10px;

}



.hy-pdp-accordion__awards-container li {

  position: relative;

  padding-left: 26px;

  line-height: 1.6;

  color: #374151;

}



.hy-pdp-accordion__awards-container li::before {

  content: "★";

  position: absolute;

  left: 4px;

  top: 0;

  color: var(--hy-color-tertiary, #c5a059);

  font-size: 13px;

  line-height: 1.6;

}



/* ═══════════════════════════════════════════

   Masaüstü ve Mobil Sağdan Açılan Sepet (Side Cart)

   ═══════════════════════════════════════════ */



.hy-side-cart {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 999999;

  visibility: hidden;

  transition: visibility 0.4s cubic-bezier(0.16, 1, 0.3, 1);

}



.hy-side-cart.is-open {

  visibility: visible;

}



.hy-side-cart__overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(42, 53, 30, 0.25); /* Elegant brand-themed dim */

  backdrop-filter: blur(8px);

  -webkit-backdrop-filter: blur(8px);

  opacity: 0;

  transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1);

}



.hy-side-cart.is-open .hy-side-cart__overlay {

  opacity: 1;

}



.hy-side-cart__drawer {

  position: absolute;

  top: 0;

  right: 0;

  width: 100%;

  max-width: 440px;

  height: 100%;

  background: #ffffff;

  box-shadow: -12px 0 48px rgba(42, 53, 30, 0.08);

  display: flex;

  flex-direction: column;

  transform: translateX(100%);

  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);

}



@media (max-width: 480px) {

  .hy-side-cart__drawer {

    max-width: 100%;

  }

}



.hy-side-cart.is-open .hy-side-cart__drawer {

  transform: translateX(0);

}



.hy-side-cart__header {

  padding: 24px 28px;

  border-bottom: 1px solid rgba(61, 73, 40, 0.05);

  display: flex;

  justify-content: space-between;

  align-items: center;

  background: #ffffff; /* White background */

}



.hy-side-cart__title {

  font-family: "Noto Serif", serif;

  font-size: 20px;

  font-weight: 700;

  color: #1a1a1a;

}



.hy-side-cart__count {

  font-family: "Inter", sans-serif;

  font-size: 16px;

  font-weight: 400;

  color: #6b7280;

  margin-left: 6px;

}



.hy-side-cart__close {

  background: transparent;

  border: none;

  cursor: pointer;

  color: #9ca3af;

  padding: 4px;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: color 0.2s ease, transform 0.2s ease;

}



.hy-side-cart__close:hover {

  color: #1a1a1a;

  transform: scale(1.1);

}



.hy-side-cart__close svg {

  width: 20px;

  height: 20px;

}



.hy-side-cart__body {

  flex: 1;

  overflow: hidden; /* Lock body container */

  padding: 0; /* Let children handle their own padding */

  display: flex;

  flex-direction: column;

  background: #ffffff;

}



/* Scrollbar styles moved to scrollable product list */

.hy-side-cart__body .woocommerce-mini-cart::-webkit-scrollbar {

  width: 4px;

}



.hy-side-cart__body .woocommerce-mini-cart::-webkit-scrollbar-track {

  background: transparent;

}



.hy-side-cart__body .woocommerce-mini-cart::-webkit-scrollbar-thumb {

  background: rgba(61, 73, 40, 0.15);

  border-radius: 99px;

}



/* Free Shipping Bar Styling inside Side Cart */

.hy-side-cart-shipping {

  background: #ffffff;

  padding: 16px 28px;

  border-bottom: 1px solid rgba(61, 73, 40, 0.05);

  margin-bottom: 0;

  flex-shrink: 0;

}



.hy-side-cart-shipping__success {

  font-family: "Inter", sans-serif;

  font-size: 13.5px;

  font-weight: 500;

  color: #1a1a1a;

  line-height: 1.5;

}



.hy-side-cart-shipping__success strong {

  font-weight: 700;

  color: #16a34a;

}



.hy-side-cart-shipping__notice {

  font-family: "Inter", sans-serif;

  font-size: 13.5px;

  font-weight: 500;

  color: #4b5563;

  line-height: 1.5;

}



.hy-side-cart-shipping__notice strong {

  color: #1a1a1a;

  font-weight: 700;

}



.hy-side-cart-shipping__bar {

  height: 4px;

  background: #f3f4f6;

  border-radius: 99px;

  margin-top: 10px;

  overflow: hidden;

  position: relative;

}



.hy-side-cart-shipping__fill {

  height: 100%;

  border-radius: 99px;

  background: var(--hy-color-primary, #3d4928);

  transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);

}



/* WooCommerce Mini Cart overrides for Premium Card Layout */

.hy-side-cart__body .widget_shopping_cart_content {

  height: 100%;

  display: flex;

  flex-direction: column;

  flex: 1;

  overflow: hidden;

}



.hy-side-cart__body .woocommerce-mini-cart {

  list-style: none;

  padding: 24px 28px;

  margin: 0;

  display: flex;

  flex-direction: column;

  gap: 20px;

  flex: 1;

  overflow-y: auto; /* Enable scroll only on the product list */

}



.hy-side-cart__body .woocommerce-mini-cart-item {

  position: relative;

  display: flex;

  align-items: flex-start;

  gap: 16px;

  padding: 16px;

  background: #ffffff;

  border-radius: 12px;

  border: 1px solid rgba(61, 73, 40, 0.06);

  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);

}



.hy-side-cart__body .woocommerce-mini-cart-item:hover {

  border-color: rgba(61, 73, 40, 0.15);

  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02);

}



/* Image Column */

.hy-mini-cart-card__img-col {

  width: 70px;

  height: 70px;

  flex-shrink: 0;

}



.hy-side-cart__body .woocommerce-mini-cart-item img {

  float: none !important;

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 8px;

  border: 1px solid rgba(61, 73, 40, 0.05);

  background: #faf9f6;

  margin: 0 !important;

}



/* Content Column */

.hy-mini-cart-card__content-col {

  flex: 1;

  display: flex;

  flex-direction: column;

}



.hy-mini-cart-card__brand {

  font-family: "Inter", sans-serif;

  font-size: 11px;

  font-weight: 700;

  color: var(--hy-color-tertiary, #c5a059);

  letter-spacing: 0.05em;

  margin-bottom: 2px;

  line-height: 1.2;

}



.hy-mini-cart-card__title {

  font-family: "Noto Serif", serif;

  font-size: 13.5px;

  font-weight: 700;

  color: #1a1a1a;

  line-height: 1.4;

  margin: 0 20px 0 0 !important; /* Space for close icon */

}



.hy-mini-cart-card__title a {

  color: inherit;

  text-decoration: none;

  transition: color 0.2s ease;

}



.hy-mini-cart-card__title a:hover {

  color: var(--hy-color-tertiary, #c5a059);

}



/* Variation data text */

.hy-mini-cart-card__content-col dl.variation {

  margin: 6px 0 0 0;

  padding: 0;

  font-family: "Inter", sans-serif;

  font-size: 11.5px;

  color: #888888;

  line-height: 1.4;

}



.hy-mini-cart-card__content-col dl.variation dt {

  float: left;

  clear: left;

  margin-right: 4px;

  font-weight: 500;

}



.hy-mini-cart-card__content-col dl.variation dd {

  margin: 0;

}



/* Card footer row containing quantity and price */

.hy-mini-cart-card__footer {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-top: 14px;

}



/* Stepper Quantity Control */

.hy-mini-cart-card__qty {

  display: inline-flex;

  align-items: center;

  background: #f7f6f2; /* Soft warm beige zemin */

  border-radius: 6px;

  height: 30px;

  padding: 2px;

}



.hy-mini-cart-card__qty-btn {

  background: transparent;

  border: none;

  width: 26px;

  height: 26px;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  font-family: "Inter", sans-serif;

  font-size: 15px;

  font-weight: 400;

  color: #6b7280;

  transition: color 0.2s ease;

}



.hy-mini-cart-card__qty-btn:hover {

  color: #1a1a1a;

}



.hy-mini-cart-card__qty-input {

  width: 32px;

  height: 26px;

  border: none !important;

  background: transparent !important;

  text-align: center;

  font-family: "Inter", sans-serif;

  font-size: 13px;

  font-weight: 600;

  color: #1a1a1a;

  padding: 0 !important;

  margin: 0 !important;

  -moz-appearance: textfield;

}



.hy-mini-cart-card__qty-input::-webkit-outer-spin-button,

.hy-mini-cart-card__qty-input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



/* Price */

.hy-mini-cart-card__price {

  font-family: "Inter", sans-serif;

  font-size: 14.5px;

  font-weight: 700;

  color: var(--hy-color-primary, #3d4928);

}



.hy-mini-cart-card__price .woocommerce-Price-amount {

  color: inherit;

}



/* Close/remove icon inside card */

.hy-side-cart__body .woocommerce-mini-cart-item .remove_from_cart_button {

  position: absolute;

  top: 14px;

  right: 14px;

  width: 18px;

  height: 18px;

  display: flex !important;

  align-items: center;

  justify-content: center;

  color: #9ca3af !important;

  font-size: 18px !important;

  line-height: 1 !important;

  text-decoration: none;

  background: transparent !important;

  border: none !important;

  box-shadow: none !important;

  transition: color 0.2s ease;

  z-index: 10;

}



.hy-side-cart__body .woocommerce-mini-cart-item .remove_from_cart_button:hover {

  color: #ef4444 !important;

  transform: none;

  background: transparent !important;

}



/* Totals and Summary Section */

.hy-side-cart__totals-section {

  border-top: 1px solid rgba(61, 73, 40, 0.06);

  padding: 24px 28px 12px 28px;

  display: flex;

  flex-direction: column;

  gap: 12px;

  flex-shrink: 0;

  background: #ffffff;

}



.hy-side-cart__total-row {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.hy-side-cart__total-label {

  font-family: "Inter", sans-serif;

  font-size: 13.5px;

  font-weight: 500;

  color: #6b7280;

}



.hy-side-cart__total-value {

  font-family: "Inter", sans-serif;

  font-size: 14.5px;

  font-weight: 600;

  color: #1a1a1a;

}



.hy-side-cart__total-value.is-free {

  color: #16a34a;

  font-weight: 700;

}



.hy-side-cart__totals-divider {

  border-top: 1px dashed rgba(61, 73, 40, 0.15);

  margin: 4px 0;

}



.hy-side-cart__total-row--grand {

  margin-top: 4px;

}



.hy-side-cart__total-row--grand .hy-side-cart__total-label {

  font-family: "Noto Serif", serif;

  font-size: 16px;

  font-weight: 700;

  color: #1a1a1a;

}



.hy-side-cart__total-row--grand .hy-side-cart__total-value {

  font-family: "Inter", sans-serif;

  font-size: 20px;

  font-weight: 800;

  color: var(--hy-color-primary, #3d4928);

}



/* Subtotal Section (hidden default WooCommerce subtotal placeholder) */

.hy-side-cart__body .woocommerce-mini-cart__total {

  display: none !important;

}



/* Action Buttons Section */

.hy-side-cart__body .woocommerce-mini-cart__buttons {

  margin: 0;

  padding: 0 28px 24px 28px;

  display: flex;

  flex-direction: column;

  gap: 16px;

  align-items: center;

  flex-shrink: 0;

  background: #ffffff;

  width: 100%;

  box-sizing: border-box;

}



/* Hide default buttons */

.hy-side-cart__body .woocommerce-mini-cart__buttons a.cart,

.hy-side-cart__body .woocommerce-mini-cart__buttons a.checkout:not(.hy-side-cart__checkout-btn) {

  display: none !important;

}



/* Custom premium checkout button */

.hy-side-cart__checkout-btn {

  display: flex !important;

  align-items: center;

  justify-content: center;

  width: 100%;

  height: 52px;

  background: var(--hy-color-primary, #3d4928) !important;

  color: #ffffff !important;

  border-radius: 99px;

  font-family: "Inter", sans-serif;

  font-weight: 700;

  font-size: 13.5px;

  letter-spacing: 0.05em;

  text-transform: uppercase;

  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);

  text-decoration: none;

  box-shadow: 0 4px 16px rgba(61, 73, 40, 0.15);

  cursor: pointer;

  border: none !important;

}



.hy-side-cart__checkout-btn:hover {

  background: var(--hy-color-tertiary, #c5a059) !important;

  box-shadow: 0 6px 20px rgba(197, 160, 89, 0.25);

  transform: translateY(-2px);

}



/* Continue Shopping link styling */

.hy-side-cart__continue-btn {

  font-family: "Inter", sans-serif;

  font-size: 13px;

  font-weight: 600;

  color: #6b7280 !important;

  text-decoration: none;

  transition: color 0.2s ease;

  margin-top: 4px;

}



.hy-side-cart__continue-btn:hover {

  color: var(--hy-color-primary, #3d4928) !important;

}



/* Bottom Helper Notice */

.hy-side-cart__helper-notice {

  font-family: "Inter", sans-serif;

  font-size: 11px;

  font-weight: 700;

  color: #b5b8b1;

  letter-spacing: 0.08em;

  text-align: center;

  margin-top: 12px;

}



/* Empty cart state */

.hy-side-cart__body .woocommerce-mini-cart__empty-message {

  text-align: center;

  color: #6b7280;

  font-size: 14px;

  padding: 40px 24px;

  margin: auto 0;

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 20px;

  font-weight: 500;

  border: none !important;

}



.hy-side-cart__body .woocommerce-mini-cart__empty-message::before {

  content: "";

  display: block;

  width: 64px;

  height: 64px;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23c5a059' stroke-width='1.2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 10.5V6a3.75 3.75 0 10-7.5 0v4.5m11.356-1.993l1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 01-1.12-1.243l1.264-12A1.125 1.125 0 015.513 7.5h12.974c.576 0 1.059.435 1.119 1.007zM8.625 10.5a.375.375 0 11-.75 0 .375.375 0 01.75 0zm7.5 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z' /%3E%3C/svg%3E");

  background-size: contain;

  background-repeat: no-repeat;

  opacity: 1;

  margin-bottom: 8px;

}



.hy-side-cart-empty-actions {

  margin-top: 16px;

  margin-bottom: 48px; /* Safe premium margin from the bottom edge */

  display: flex;

  justify-content: center;

  width: 100%;

}



.hy-side-cart__shop-btn {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 180px;

  height: 44px;

  border: 1px solid var(--hy-color-primary, #3d4928);

  color: var(--hy-color-primary, #3d4928) !important;

  background: transparent;

  border-radius: 99px;

  font-family: "Inter", sans-serif;

  font-weight: 700;

  font-size: 13px;

  text-transform: uppercase;

  letter-spacing: 0.05em;

  text-decoration: none;

  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);

}



.hy-side-cart__shop-btn:hover {

  background: var(--hy-color-primary, #3d4928);

  color: #ffffff !important;

  box-shadow: 0 4px 12px rgba(61, 73, 40, 0.1);

  transform: translateY(-1px);

}



/* ==========================================================================

   WooCommerce Custom Premium Checkout Page Styling

   ========================================================================== */



/* Page container and layout overrides */

form.woocommerce-checkout {

  max-width: 1400px;

  margin: 0 auto;

  padding: 40px 16px;

}



@media (min-width: 640px) {

  form.woocommerce-checkout {

    padding: 48px 24px;

  }

}



@media (min-width: 1024px) {

  form.woocommerce-checkout {

    padding: 60px 40px;

  }

}



/* Two-column layout grid for desktop */

.hy-checkout-layout {

  display: flex;

  flex-direction: column;

  gap: 32px;

}



@media (min-width: 1024px) {

  .hy-checkout-layout {

    display: grid;

    grid-template-columns: 1.25fr 0.95fr;

    gap: 48px;

    align-items: start;

  }

}



/* Card layout wrapper */

.hy-checkout-card {

  background: #ffffff;

  border: 1px solid rgba(61, 73, 40, 0.07);

  border-radius: 24px;

  padding: 24px;

  box-shadow: 0 4px 24px rgba(61, 73, 40, 0.02);

  margin-bottom: 24px;

}



@media (min-width: 768px) {

  .hy-checkout-card {

    padding: 36px;

  }

}



.hy-checkout-card:last-child {

  margin-bottom: 0;

}



/* Specific Card variants */

.hy-checkout-card--shipping {

  border-top: 1px solid rgba(61, 73, 40, 0.07);

}



.hy-checkout-card--summary {

  background: #fcfbfa;

  border-color: rgba(61, 73, 40, 0.06);

}



/* Sticky wrapper logic on desktop */

@media (min-width: 1024px) {

  .hy-checkout-sticky-wrapper {

  position: -webkit-sticky;

  position: sticky;

  bottom: 24px;

  top: auto;

}

}



/* Form Headings & Typography */

.woocommerce-checkout h3 {

  font-family: "Noto Serif", serif;

  font-size: 20px;

  font-weight: 700;

  color: #2a351e;

  margin-top: 0;

  margin-bottom: 24px;

  padding-bottom: 12px;

  border-bottom: 1px solid rgba(61, 73, 40, 0.08);

}



/* Form input fields normalization */

.woocommerce-checkout input[type="text"],

.woocommerce-checkout input[type="tel"],

.woocommerce-checkout input[type="email"],

.woocommerce-checkout input[type="password"],

.woocommerce-checkout textarea,

.woocommerce-checkout select {

  width: 100%;

  box-sizing: border-box;

  height: 48px;

  background: #ffffff;

  border: 1px solid rgba(61, 73, 40, 0.15) !important;

  border-radius: 12px !important;

  padding: 0 16px !important;

  font-family: "Inter", sans-serif;

  font-size: 14px;

  color: #1a1a1a;

  transition: all 0.25s ease;

  box-shadow: none !important;

}



.woocommerce-checkout textarea {

  height: 100px !important;

  padding: 12px 16px !important;

}



.woocommerce-checkout input[type="text"]:focus,

.woocommerce-checkout input[type="tel"]:focus,

.woocommerce-checkout input[type="email"]:focus,

.woocommerce-checkout input[type="password"]:focus,

.woocommerce-checkout textarea:focus,

.woocommerce-checkout select:focus {

  border-color: var(--hy-color-tertiary, #c5a059) !important;

  box-shadow: 0 0 0 3.5px rgba(197, 160, 89, 0.08) !important;

  outline: none;

}



/* Field layout fixes */

.woocommerce-checkout .form-row {

  margin-bottom: 18px;

  display: block;

  float: none;

  width: 100% !important;

}



.woocommerce-checkout .form-row-first,

.woocommerce-checkout .form-row-last {

  width: 100% !important;

}



@media (min-width: 640px) {

  .woocommerce-checkout .form-row-first {

    width: calc(50% - 10px) !important;

    float: left;

    margin-right: 20px;

  }

  .woocommerce-checkout .form-row-last {

    width: calc(50% - 10px) !important;

    float: right;

  }

  .woocommerce-checkout .clear-row-after::after {

    content: "";

    display: table;

    clear: both;

  }

}



.woocommerce-checkout .form-row label {

  font-family: "Inter", sans-serif;

  font-size: 13px;

  font-weight: 600;

  color: #4b5563;

  margin-bottom: 6px;

  display: block;

}



.woocommerce-checkout .form-row .required {

  color: var(--hy-color-tertiary, #c5a059);

  text-decoration: none;

  font-weight: 700;

}



/* Select2 Custom Styling for Premium WooCommerce Feel */

.woocommerce-checkout .select2-container--default .select2-selection--single {

  height: 48px !important;

  border: 1px solid rgba(61, 73, 40, 0.15) !important;

  border-radius: 12px !important;

  background-color: #ffffff !important;

  display: flex !important;

  align-items: center !important;

}



.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {

  padding-left: 16px !important;

  color: #1a1a1a !important;

  font-family: "Inter", sans-serif;

  font-size: 14px;

}



.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {

  height: 46px !important;

  right: 12px !important;

}



.woocommerce-checkout .select2-container--default .select2-selection--single:focus,

.woocommerce-checkout .select2-container--default.select2-container--focus .select2-selection--single {

  border-color: var(--hy-color-tertiary, #c5a059) !important;

  box-shadow: 0 0 0 3.5px rgba(197, 160, 89, 0.08) !important;

  outline: none;

}



/* Review Order Table Restyling (Product List) */

.hy-checkout-review-table,

.hy-checkout-review-table.shop_table,

.woocommerce-checkout-review-order-table {

  width: 100% !important;

  border: none !important;

  background: transparent !important;

  border-collapse: collapse !important;

  box-shadow: none !important;

  margin-bottom: 24px;

  display: block; /* Allows responsive transformations */

}



.hy-checkout-review-table thead {

  display: none; /* Hide header for card-style layout */

}



.hy-checkout-review-table tbody, 

.hy-checkout-review-table tfoot {

  display: block;

  width: 100%;

  border: none !important;

  background: transparent !important;

}



.hy-checkout-review-table tr,

.hy-checkout-review-table th,

.hy-checkout-review-table td {

  border: none !important;

  background: transparent !important;

  box-shadow: none !important;

}



.hy-checkout-cart-item {

  display: flex !important;

  justify-content: space-between;

  align-items: center;

  padding: 16px 0;

  border-bottom: 1px solid rgba(61, 73, 40, 0.06);

  width: 100%;

}



.hy-checkout-cart-item:last-child {

  border-bottom: none;

}



.hy-checkout-prod-row {

  display: flex;

  align-items: center;

  gap: 16px;

}



.hy-checkout-prod-row__img-col {

  position: relative;

  flex-shrink: 0;

  width: 64px;

  height: 64px;

  background: #ffffff;

  border: 1px solid rgba(61, 73, 40, 0.06);

  border-radius: 12px;

  overflow: visible; /* To allow badge overflow */

  display: flex;

  align-items: center;

  justify-content: center;

}



.hy-checkout-prod-img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 11px;

}



.hy-checkout-prod-row__qty-badge {

  position: absolute;

  top: -8px;

  right: -8px;

  background: var(--hy-color-primary, #3d4928);

  color: #ffffff;

  font-family: "Inter", sans-serif;

  font-size: 11px;

  font-weight: 700;

  min-width: 18px;

  height: 18px;

  border-radius: 9px;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0 4px;

  box-shadow: 0 2px 6px rgba(0,0,0,0.1);

  z-index: 2;

}



.hy-checkout-prod-row__content-col {

  display: flex;

  flex-direction: column;

  gap: 2px;

}



.hy-checkout-prod-row__brand {

  font-family: "Inter", sans-serif;

  font-size: 10px;

  font-weight: 700;

  color: var(--hy-color-tertiary, #c5a059);

  letter-spacing: 0.05em;

  text-transform: uppercase;

}



.hy-checkout-prod-row__name {

  font-family: "Noto Serif", serif;

  font-size: 13.5px;

  font-weight: 700;

  color: #1a1a1a;

  margin: 0;

  line-height: 1.4;

}



.hy-checkout-review-table td.product-total {

  font-family: "Inter", sans-serif;

  font-size: 14.5px;

  font-weight: 700;

  color: #1a1a1a;

  text-align: right;

  vertical-align: middle;

  padding-left: 12px;

  flex-shrink: 0;

}



/* Order Totals Rows (Tfoot) */

.hy-checkout-total-row {

  display: flex !important;

  justify-content: space-between !important;

  align-items: center;

  padding: 14px 0;

  border-top: 1px dashed rgba(61, 73, 40, 0.1);

}



.hy-checkout-total-row th {

  font-family: "Inter", sans-serif;

  font-size: 13.5px;

  font-weight: 500;

  color: #6b7280;

  text-align: left;

  border: none !important;

  padding: 0 !important;

}



.hy-checkout-total-row td {

  font-family: "Inter", sans-serif;

  font-size: 14.5px;

  font-weight: 700;

  color: #1a1a1a;

  text-align: right;

  border: none !important;

  padding: 0 !important;

}



.hy-checkout-total-row--coupon th {

  color: #16a34a;

  font-weight: 600;

}



.hy-checkout-total-row--coupon td {

  color: #16a34a;

}



/* Grand Total Row */

.hy-checkout-total-row--grand {

  border-top: 1px solid rgba(61, 73, 40, 0.1);

  padding: 18px 0 6px 0;

}



.hy-checkout-total-row--grand th {

  font-family: "Noto Serif", serif;

  font-size: 16px;

  font-weight: 700;

  color: #1a1a1a;

}



.hy-checkout-total-row--grand td {

  font-family: "Inter", sans-serif;

  font-size: 22px;

  font-weight: 800;

  color: var(--hy-color-primary, #3d4928);

}



/* Shipping Methods Layout within Checkout Review Table */

.hy-checkout-review-table tr.shipping {

  display: flex;

  flex-direction: column;

  align-items: stretch;

  padding: 16px 0;

  border-top: 1px dashed rgba(61, 73, 40, 0.1);

}



.hy-checkout-review-table tr.shipping th {

  font-family: "Inter", sans-serif;

  font-size: 13.5px;

  font-weight: 600;

  color: #1a1a1a;

  margin-bottom: 10px;

  border: none !important;

  padding: 0 !important;

}



.hy-checkout-review-table tr.shipping td {

  border: none !important;

  padding: 0 !important;

  text-align: left;

}



.hy-checkout-review-table #shipping_method {

  list-style: none;

  padding: 0;

  margin: 0;

  display: flex;

  flex-direction: column;

  gap: 8px;

}



.hy-checkout-review-table #shipping_method li {

  background: #ffffff;

  border: 1px solid rgba(61, 73, 40, 0.08);

  border-radius: 10px;

  padding: 10px 14px;

  display: flex;

  align-items: center;

  gap: 10px;

  font-family: "Inter", sans-serif;

  font-size: 13px;

  color: #374151;

  cursor: pointer;

  transition: all 0.2s ease;

}



.hy-checkout-review-table #shipping_method li input[type="radio"] {

  accent-color: var(--hy-color-primary, #3d4928);

  margin: 0;

}



.hy-checkout-review-table #shipping_method li:hover {

  border-color: var(--hy-color-tertiary, #c5a059);

  background: #fdfdfd;

}



/* Payment Box Section styling */

.hy-checkout-payment-box {

  margin-top: 24px;

  border-top: 1px solid rgba(61, 73, 40, 0.08);

  padding-top: 24px;

}



.hy-checkout-payment-box__title {

  font-family: "Noto Serif", serif;

  font-size: 16px;

  font-weight: 700;

  color: #1a1a1a;

  margin-top: 0;

  margin-bottom: 16px;

}



.hy-checkout-payment-methods {

  list-style: none;

  padding: 0;

  margin: 0 0 20px 0;

  display: flex;

  flex-direction: column;

  gap: 12px;

}



.hy-checkout-payment-methods li.wc_payment_method {

  background: #ffffff;

  border: 1px solid rgba(61, 73, 40, 0.07);

  border-radius: 14px;

  padding: 14px 18px;

  transition: all 0.25s ease;

}



.hy-checkout-payment-methods li.wc_payment_method label {

  font-family: "Inter", sans-serif;

  font-size: 13.5px;

  font-weight: 700;

  color: #2a351e;

  cursor: pointer;

  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 0;

}



.hy-checkout-payment-methods li.wc_payment_method input[type="radio"] {

  accent-color: var(--hy-color-primary, #3d4928);

  margin: 0;

}



.hy-checkout-payment-methods li.wc_payment_method .payment_box {

  font-family: "Inter", sans-serif;

  font-size: 12.5px;

  line-height: 1.5;

  color: #6b7280;

  margin-top: 10px;

  padding-top: 10px;

  border-top: 1px solid rgba(61, 73, 40, 0.05);

  background: transparent !important;

}



/* Highlight active payment method */

.hy-checkout-payment-methods li.wc_payment_method:has(input[type="radio"]:checked) {

  border-color: var(--hy-color-primary, #3d4928);

  background: rgba(61, 73, 40, 0.02);

  box-shadow: 0 2px 8px rgba(61, 73, 40, 0.03);

}



/* Submit row and premium checkout button */

.hy-checkout-place-order-row {

  margin: 0 !important;

  padding: 0;

  border: none !important;

}



.hy-checkout-submit-wrap {

  width: 100%;

}



.hy-checkout-submit-btn {

  display: flex !important;

  align-items: center;

  justify-content: center;

  width: 100%;

  height: 54px;

  background: var(--hy-color-primary, #3d4928) !important;

  color: #ffffff !important;

  border-radius: 99px !important;

  font-family: "Inter", sans-serif;

  font-weight: 700;

  font-size: 14.5px;

  letter-spacing: 0.05em;

  text-transform: uppercase;

  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);

  box-shadow: 0 4px 16px rgba(61, 73, 40, 0.15) !important;

  cursor: pointer;

  border: none !important;

  padding: 0 !important;

}



.hy-checkout-submit-btn:hover {

  background: var(--hy-color-tertiary, #c5a059) !important;

  box-shadow: 0 6px 20px rgba(197, 160, 89, 0.25) !important;

  transform: translateY(-2px);

}



/* Secure payments and trust badges styling */

.hy-checkout-trust-badges {

  margin-top: 20px;

  display: flex;

  flex-direction: column;

  gap: 10px;

  border-top: 1px solid rgba(61, 73, 40, 0.06);

  padding-top: 16px;

}



.hy-checkout-trust-badge {

  display: flex;

  align-items: center;

  gap: 8px;

}



.hy-checkout-trust-badge__icon {

  width: 16px;

  height: 16px;

  color: var(--hy-color-tertiary, #c5a059);

  flex-shrink: 0;

}



.hy-checkout-trust-badge__text {

  font-family: "Inter", sans-serif;

  font-size: 11.5px;

  font-weight: 600;

  color: #8c9085;

}



/* Coupon & Login toggles styling (above form) */

.woocommerce-form-login-toggle,

.woocommerce-form-coupon-toggle {

  max-width: 1400px;

  margin: 0 auto 16px auto;

  padding: 0 16px;

}



@media (min-width: 640px) {

  .woocommerce-form-login-toggle,

  .woocommerce-form-coupon-toggle {

    padding: 0 24px;

  }

}



@media (min-width: 1024px) {

  .woocommerce-form-login-toggle,

  .woocommerce-form-coupon-toggle {

    padding: 0 40px;

  }

}



.woocommerce-info {

  background: #fcfbfa !important;

  border: 1px solid rgba(197, 160, 89, 0.25) !important;

  border-left: 4px solid var(--hy-color-tertiary, #c5a059) !important;

  border-radius: 12px;

  padding: 16px 20px !important;

  font-family: "Inter", sans-serif;

  font-size: 13.5px;

  color: #374151 !important;

}



.woocommerce-info a {

  color: var(--hy-color-primary, #3d4928) !important;

  font-weight: 700;

  text-decoration: underline;

}



.woocommerce-info a:hover {

  color: var(--hy-color-tertiary, #c5a059) !important;

}



/* Coupon & Login Forms container when toggled open */

form.checkout_coupon,

form.login {

  max-width: 1400px;

  margin: 0 auto 24px auto;

  background: #ffffff;

  border: 1px solid rgba(61, 73, 40, 0.08);

  border-radius: 20px;

  padding: 24px;

  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02);

}



@media (min-width: 1024px) {

  form.checkout_coupon,

  form.login {

    margin-left: 40px;

    margin-right: 40px;

  }

}



/* Ship to different address checkbox style */

#ship-to-different-address {

  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 20px;

}



#ship-to-different-address label {

  font-family: "Noto Serif", serif;

  font-size: 18px;

  font-weight: 700;

  color: #2a351e;

  margin: 0;

  cursor: pointer;

  display: inline-block !important;

}



#ship-to-different-address input[type="checkbox"] {

  width: 18px;

  height: 18px;

  accent-color: var(--hy-color-primary, #3d4928);

  margin: 0;

}



/* Hide Country Fields in Checkout */

.hy-hidden-field {

  display: none !important;

}



/* Premium Checkout Wrapper & Progress Indicator */

.hy-checkout-page-wrapper {

  background-color: #fdfcfb;

  padding: 16px 0 60px 0;

  min-height: 100vh;

}



.hy-checkout-progress {

  display: flex;

  align-items: center;

  justify-content: center;

  max-width: 600px;

  margin: 0 auto 12px auto;

  padding: 0 20px;

}



.hy-checkout-progress__step {

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

  position: relative;

  z-index: 2;

}



.hy-checkout-progress__num {

  width: 32px;

  height: 32px;

  border-radius: 50%;

  background-color: #e5e7eb;

  color: #6b7280;

  font-family: "Inter", sans-serif;

  font-size: 14px;

  font-weight: 600;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: all 0.3s ease;

  border: 2px solid transparent;

}



.hy-checkout-progress__text {

  font-family: "Inter", sans-serif;

  font-size: 13px;

  font-weight: 500;

  color: #9ca3af;

  margin-top: 8px;

  white-space: nowrap;

  transition: all 0.3s ease;

}



.hy-checkout-progress__line {

  flex-grow: 1;

  height: 2px;

  background-color: #e5e7eb;

  margin: -22px 16px 0 16px;

  position: relative;

  z-index: 1;

  transition: all 0.3s ease;

}



/* Active and Completed States */

.hy-checkout-progress__step--completed .hy-checkout-progress__num {

  background-color: var(--hy-color-primary, #3d4928);

  color: #ffffff;

}



.hy-checkout-progress__step--completed .hy-checkout-progress__text {

  color: var(--hy-color-primary, #3d4928);

  font-weight: 600;

}



.hy-checkout-progress__step--active .hy-checkout-progress__num {

  background-color: #ffffff;

  color: var(--hy-color-primary, #3d4928);

  border-color: var(--hy-color-primary, #3d4928);

  box-shadow: 0 0 0 4px rgba(61, 73, 40, 0.08);

}



.hy-checkout-progress__step--active .hy-checkout-progress__text {

  color: var(--hy-color-primary, #3d4928);

  font-weight: 700;

}



.hy-checkout-progress__line--active {

  background-color: var(--hy-color-primary, #3d4928);

}



/* Clean Checkout Content */

.hy-checkout-main {

  margin-top: 0;

}



.hy-checkout-main .entry-title {

  display: none !important;

}



@media (max-width: 767px) {

  .hy-checkout-progress__text {

    font-size: 11px;

  }

  .hy-checkout-progress__line {

    margin: -18px 8px 0 8px;

  }

}



/* PREMIUM MODERN FORM FIELDS STYLE OVERRIDES */

.woocommerce-checkout input[type="text"],

.woocommerce-checkout input[type="tel"],

.woocommerce-checkout input[type="email"],

.woocommerce-checkout input[type="password"],

.woocommerce-checkout textarea,

.woocommerce-checkout select,

.woocommerce-checkout .input-text,

.woocommerce-checkout input.input-text,

.woocommerce-checkout .select2-container--default .select2-selection--single {

  border-radius: 12px !important; /* Premium rounded corner, NOT pill! */

  border: 1px solid rgba(61, 73, 40, 0.16) !important;

  height: 52px !important;

  padding: 0 18px !important;

  background-color: #ffffff !important;

  font-family: "Inter", sans-serif !important;

  font-size: 14px !important;

  color: #1f2937 !important;

  box-shadow: none !important;

  transition: border-color 0.2s, box-shadow 0.2s !important;

}



.woocommerce-checkout textarea.input-text {

  height: 110px !important;

  padding: 20px 18px !important;

  resize: none !important;

}



/* Label styling overrides (Fixes bright red labels) */

.woocommerce-checkout .form-row label,

.woocommerce-checkout label {

  font-family: "Inter", sans-serif !important;

  font-size: 13.5px !important;

  font-weight: 600 !important;

  color: #4b5563 !important; /* Elegant dark gray */

  margin-bottom: 8px !important;

  display: inline-block !important;

  text-transform: none !important;

  letter-spacing: normal !important;

}



.woocommerce-checkout .form-row label .required,

.woocommerce-checkout .form-row label abbr.required,

.woocommerce-checkout label abbr.required {

  color: var(--hy-color-tertiary, #c5a059) !important; /* Gold asterisk */

  text-decoration: none !important;

  font-weight: 700 !important;

  margin-left: 4px !important;

  border-bottom: none !important;

}



/* Input Focus States with Soft Glow */

.woocommerce-checkout input[type="text"]:focus,

.woocommerce-checkout input[type="tel"]:focus,

.woocommerce-checkout input[type="email"]:focus,

.woocommerce-checkout input[type="password"]:focus,

.woocommerce-checkout textarea:focus,

.woocommerce-checkout select:focus,

.woocommerce-checkout input.input-text:focus,

.woocommerce-checkout .select2-container--default.select2-container--focus .select2-selection--single {

  border-color: var(--hy-color-primary, #3d4928) !important; /* Forest Green */

  box-shadow: 0 0 0 4px rgba(61, 73, 40, 0.08) !important; /* Soft green shadow glow */

  outline: none !important;

}



/* Select2 dropdown text alignment and spacing */

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {

  line-height: 50px !important;

  padding-left: 2px !important;

  padding-right: 50px !important;

  color: #1f2937 !important;

}



/* Premium styled Select2 clear (X) button */

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__clear {

  position: absolute !important;

  right: 36px !important;

  top: 50% !important;

  transform: translateY(-50%) !important;

  color: #9ca3af !important;

  font-size: 18px !important;

  font-weight: 300 !important;

  cursor: pointer !important;

  transition: color 0.2s, transform 0.2s !important;

  line-height: 1 !important;

  padding: 0 4px !important;

  background: transparent !important;

  z-index: 10 !important;

}



.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__clear:hover {

  color: #ef4444 !important;

  transform: translateY(-50%) scale(1.1) !important;

}



.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {

  height: 50px !important;

  right: 12px !important;

}



/* Stacked full-width layout for all fields matches user-defined layout */



/* Phone Input Prefix Styling */

.hy-phone-input-wrapper {

  position: relative;

  width: 100%;

}



.hy-phone-input-prefix {

  position: absolute;

  left: 18px;

  top: 50%;

  transform: translateY(-50%);

  font-family: "Inter", sans-serif !important;

  font-size: 14px !important;

  font-weight: 600 !important;

  color: #4b5563 !important;

  border-right: 1px solid rgba(61, 73, 40, 0.15);

  padding-right: 12px;

  height: 22px;

  display: flex;

  align-items: center;

  pointer-events: none;

  z-index: 5;

}



.woocommerce-checkout #billing_phone,
.woocommerce-checkout #shipping_phone {
  padding-left: 64px !important;
}



/* Disabled State/City Select Dropdowns Styling */

.woocommerce-checkout select:disabled,

.woocommerce-checkout .select2-container--disabled .select2-selection--single {

  background-color: #f5f6f8 !important;

  opacity: 0.65 !important;

  cursor: not-allowed !important;

  border-color: rgba(61, 73, 40, 0.08) !important;

}

.woocommerce-checkout .select2-container--disabled .select2-selection--single * {

  cursor: not-allowed !important;

  color: #9ca3af !important;

}



/* Hide WooCommerce native shipping/registration checkboxes visually */

#ship-to-different-address,

.woocommerce-account-fields {

  display: none !important;

}



/* Toggles Container */

.hy-checkout-toggles-container {

  background: transparent !important;

  border: none !important;

  border-radius: 0 !important;

  padding: 0 !important;

  margin: 24px 0 !important;

}



/* Toggle Card */

.hy-checkout-toggle-card {

  display: flex;

  align-items: center !important;

  justify-content: space-between !important;

  background: #ffffff !important;

  border: 1px solid rgba(61, 73, 40, 0.1) !important;

  border-radius: 16px !important;

  padding: 20px !important;

  margin-bottom: 24px !important;

  box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;

  transition: transform 0.3s, border-color 0.3s, background 0.3s !important;

}

.hy-checkout-toggle-card:last-child {

  margin-bottom: 0 !important;

}

.hy-checkout-toggle-card:hover {

  border-color: rgba(61, 73, 40, 0.16) !important;

  box-shadow: 0 4px 12px rgba(61, 73, 40, 0.03) !important;

}



/* Left Section */

.hy-checkout-toggle-card__left {

  display: flex !important;

  align-items: center !important;

  gap: 16px !important;

}



/* Icons */

.hy-checkout-toggle-card__icon {

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 44px !important;

  height: 44px !important;

  border-radius: 12px !important;

  flex-shrink: 0 !important;

}

.hy-checkout-toggle-card__icon .hy-svg-icon {

  width: 22px !important;

  height: 22px !important;

}

.hy-checkout-toggle-card__icon--shipping {

  background-color: #fbf8f0 !important;

  color: #c5a059 !important;

}

.hy-checkout-toggle-card__icon--corporate {

  background-color: #f2f4f2 !important;

  color: #3d4928 !important;

}

.hy-checkout-toggle-card__icon--save {

  background-color: #3d4928 !important;

  color: #ffffff !important;

}



/* Content Text */

.hy-checkout-toggle-card__content {

  display: flex !important;

  flex-direction: column !important;

  gap: 4px !important;

}

.hy-checkout-toggle-card__title {

  font-family: "Inter", sans-serif !important;

  font-size: 14px !important;

  font-weight: 600 !important;

  color: #1a1a1a !important;

  line-height: 1.3 !important;

}

.hy-checkout-toggle-card__desc {

  font-family: "Inter", sans-serif !important;

  font-size: 12px !important;

  color: #8c8c8c !important;

  line-height: 1.3 !important;

}



/* Switch Button Container */

.hy-checkout-toggle-card__right {

  display: flex !important;

  align-items: center !important;

  flex-shrink: 0 !important;

}



/* Switch (iOS Toggle Switch) */

.hy-switch {

  position: relative !important;

  display: inline-block !important;

  width: 46px !important;

  height: 24px !important;

}

.hy-switch input {

  opacity: 0 !important;

  width: 0 !important;

  height: 0 !important;

}

.hy-switch-slider {

  position: absolute !important;

  cursor: pointer !important;

  top: 0 !important;

  left: 0 !important;

  right: 0 !important;

  bottom: 0 !important;

  background-color: #e5e7eb !important;

  transition: 0.3s !important;

  border-radius: 24px !important;

}

.hy-switch-slider::before {

  position: absolute !important;

  content: "" !important;

  height: 18px !important;

  width: 18px !important;

  left: 3px !important;

  bottom: 3px !important;

  background-color: white !important;

  transition: 0.3s !important;

  border-radius: 50% !important;

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;

}

.hy-switch input:checked + .hy-switch-slider {

  background-color: #3d4928 !important;

}

.hy-switch input:checked + .hy-switch-slider::before {

  transform: translateX(22px) !important;

}



/* Hide corporate fields by default */

.hy-corporate-field {

  display: none;

}



/* Shipping Form Layout Refinements */

.hy-checkout-toggles-container .shipping_address {

  margin-top: -4px;

  margin-bottom: 12px;

  animation: hyFadeIn 0.35s cubic-bezier(0.16, 1, 0.3, 1);

}



.hy-shipping-fields-expanded-wrapper {

  display: flow-root !important;

  background-color: #ffffff !important;

  border: 1px solid rgba(61, 73, 40, 0.08) !important;

  border-radius: 16px !important;

  padding: 20px !important;

  box-shadow: 0 4px 16px rgba(61, 73, 40, 0.02) !important;

}



@keyframes hyFadeIn {

  from { opacity: 0; transform: translateY(-8px); }

  to { opacity: 1; transform: translateY(0); }

}



/* Enforce first/last name styling to prevent collapsing */

@media (min-width: 640px) {

  .hy-checkout-toggles-container .shipping_address .form-row-first {

    width: calc(50% - 10px) !important;

    float: left;

    margin-right: 20px;

    clear: none !important;

  }

  .hy-checkout-toggles-container .shipping_address .form-row-last {

    width: calc(50% - 10px) !important;

    float: right;

    clear: none !important;

  }

}



/* Hide shipping card if it only contains the hidden checkbox and no visible additional fields */

.hy-checkout-card--shipping:not(:has(.woocommerce-additional-fields__field-wrapper)) {

  display: none !important;

}



/* Premium Checkout Billing Header & Secure Badge */

.hy-checkout-billing-header {

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  border-bottom: 1px solid rgba(61, 73, 40, 0.07) !important;

  padding-bottom: 16px !important;

  margin-bottom: 24px !important;

  gap: 16px !important;

}



.hy-checkout-billing-header h3 {

  margin: 0 !important;

  border-bottom: none !important;

  padding-bottom: 0 !important;

}





.hy-checkout-badges-wrapper {

  display: flex !important;

  gap: 8px !important;

  align-items: center !important;

}



.hy-checkout-heritage-badge {

  display: flex !important;

  align-items: center !important;

  gap: 6px !important;

  font-family: "Inter", sans-serif !important;

  font-size: 11.5px !important;

  font-weight: 600 !important;

  color: var(--hy-color-tertiary, #c5a059) !important;

  background-color: rgba(197, 160, 89, 0.08) !important;

  padding: 6px 12px !important;

  border-radius: 99px !important;

  border: 1px solid rgba(197, 160, 89, 0.2) !important;

  flex-shrink: 0 !important;

}



.hy-checkout-secure-badge {

  display: flex !important;

  align-items: center !important;

  gap: 6px !important;

  font-family: "Inter", sans-serif !important;

  font-size: 11.5px !important;

  font-weight: 600 !important;

  color: #16a34a !important; /* Premium secure green */

  background-color: #f0fdf4 !important; /* Soft green pill background */

  padding: 6px 12px !important;

  border-radius: 99px !important;

  border: 1px solid rgba(22, 163, 74, 0.12) !important;

  flex-shrink: 0 !important;

}



.hy-secure-svg {

  width: 14px !important;

  height: 14px !important;

}



/* Premium Corporate Fields Inline Styling */

.hy-checkout-toggles-container .hy-corporate-fields-wrapper {

  margin-top: -4px;

  margin-bottom: 12px;

  animation: hyFadeIn 0.35s cubic-bezier(0.16, 1, 0.3, 1);

}



.hy-corporate-fields-expanded-wrapper {

  display: flow-root !important;

  background-color: #ffffff !important;

  border: 1px solid rgba(61, 73, 40, 0.08) !important;

  border-radius: 16px !important;

  padding: 20px !important;

  box-shadow: 0 4px 16px rgba(61, 73, 40, 0.02) !important;

}



/* Add active green border to toggle cards when checked */

.hy-checkout-toggle-card:has(input:checked) {

  border-color: var(--hy-color-primary, #3d4928) !important;

  box-shadow: 0 4px 16px rgba(61, 73, 40, 0.04) !important;

}



/* Save Info Toggle Card Header & Column Layout */

.hy-checkout-toggle-card--save-info {

  display: flex !important;

  flex-direction: column !important;

  align-items: stretch !important;

  justify-content: flex-start !important;

}



.hy-checkout-toggle-card__header {

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  width: 100% !important;

}



/* Slide-down Account Fields Drawer */

.hy-account-fields-wrapper {

  margin-top: 16px !important;

  width: 100% !important;

  animation: hyFadeIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;

}



.hy-account-fields-expanded-wrapper {

  display: flex !important;

  flex-direction: column !important;

  gap: 12px !important;

  width: 100% !important;

}



/* Password Input Styling */

.hy-password-field-container {

  width: 100% !important;

}



.hy-password-input {

  width: 100% !important;

  height: 48px !important;

  padding: 0 16px !important;

  background-color: #ffffff !important;

  border: 1px solid rgba(61, 73, 40, 0.12) !important;

  border-radius: 12px !important;

  font-family: "Inter", sans-serif !important;

  font-size: 14px !important;

  color: #1a1a1a !important;

  transition: border-color 0.2s, box-shadow 0.2s !important;

}



.hy-password-input::placeholder {

  color: #8c8c8c !important;

}



.hy-password-input:focus {

  border-color: #3d4928 !important;

  box-shadow: 0 0 0 3px rgba(61, 73, 40, 0.08) !important;

  outline: none !important;

}



/* Password Validation Rule Information */

.hy-password-info {

  display: flex !important;

  align-items: flex-start !important;

  gap: 8px !important;

  padding: 2px 4px !important;

}



.hy-info-svg {

  width: 16px !important;

  height: 16px !important;

  color: #64748b !important;

  flex-shrink: 0 !important;

  margin-top: 2px !important;

}



.hy-password-info span {

  font-family: "Inter", sans-serif !important;

  font-size: 12px !important;

  color: #64748b !important;

  line-height: 1.45 !important;

}



/* =============================================================================

   SAVED ADDRESS BOOK STYLES

   ============================================================================= */



.hy-saved-addresses-section {

  margin-bottom: 24px !important;

  width: 100% !important;

}



.hy-saved-addresses-title {

  display: block !important;

  font-family: "Inter", sans-serif !important;

  font-size: 13px !important;

  font-weight: 600 !important;

  color: #3d4928 !important;

  text-transform: uppercase !important;

  letter-spacing: 0.05em !important;

  margin-bottom: 12px !important;

}



.hy-saved-addresses-list-wrap {

  width: 100% !important;

  overflow-x: auto !important;

  padding-bottom: 8px !important;

  scrollbar-width: thin !important;

  scrollbar-color: rgba(61, 73, 40, 0.2) rgba(61, 73, 40, 0.04) !important;

}



/* Scrollbar Customization for WebKit */

.hy-saved-addresses-list-wrap::-webkit-scrollbar {

  height: 5px !important;

}

.hy-saved-addresses-list-wrap::-webkit-scrollbar-track {

  background: rgba(61, 73, 40, 0.03) !important;

  border-radius: 99px !important;

}

.hy-saved-addresses-list-wrap::-webkit-scrollbar-thumb {

  background: rgba(61, 73, 40, 0.15) !important;

  border-radius: 99px !important;

}

.hy-saved-addresses-list-wrap::-webkit-scrollbar-thumb:hover {

  background: rgba(61, 73, 40, 0.3) !important;

}



.hy-saved-addresses-list {

  display: flex !important;

  gap: 14px !important;

  width: max-content !important;

  padding: 4px !important;

}



/* Individual Address Card */

.hy-address-card {

  position: relative !important;

  display: flex !important;

  flex-direction: column !important;

  width: 250px !important;

  max-width: 78vw !important;

  padding: 18px !important;

  background-color: #faf9f6 !important;

  border: 1px solid rgba(61, 73, 40, 0.08) !important;

  border-radius: 16px !important;

  cursor: pointer !important;

  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;

  user-select: none !important;

}



.hy-address-card:hover {

  border-color: rgba(61, 73, 40, 0.2) !important;

  box-shadow: 0 4px 12px rgba(61, 73, 40, 0.03) !important;

  transform: translateY(-2px) !important;

}



/* Active State card styling */

.hy-address-card.active {

  background-color: #ffffff !important;

  border-color: #3d4928 !important;

  border-width: 1.5px !important;

  box-shadow: 0 6px 18px rgba(61, 73, 40, 0.06) !important;

}



/* Delete Card Button */

.hy-address-card__delete {

  position: absolute !important;

  top: 10px !important;

  right: 10px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 26px !important;

  height: 26px !important;

  padding: 0 !important;

  background: transparent !important;

  border: none !important;

  border-radius: 6px !important;

  color: #9ca3af !important;

  cursor: pointer !important;

  transition: all 0.2s !important;

}



.hy-address-card__delete:hover {

  background-color: #fef2f2 !important;

  color: #ef4444 !important;

}



.hy-trash-svg {

  width: 14px !important;

  height: 14px !important;

}



/* Text elements inside card */

.hy-address-card__title {

  font-family: "Inter", sans-serif !important;

  font-size: 13px !important;

  font-weight: 700 !important;

  color: #3d4928 !important;

  margin-bottom: 8px !important;

  padding-right: 48px !important; /* Space for edit and delete buttons */

}



.hy-address-card__name {

  font-family: "Inter", sans-serif !important;

  font-size: 13.5px !important;

  font-weight: 600 !important;

  color: #1a1a1a !important;

  margin-bottom: 4px !important;

}



.hy-address-card__details {

  font-family: "Inter", sans-serif !important;

  font-size: 11.5px !important;

  color: #6b7280 !important;

  line-height: 1.4 !important;

  display: -webkit-box !important;

  -webkit-line-clamp: 2 !important;

  -webkit-box-orient: vertical !important;

  overflow: hidden !important;

}



/* Add New Address Card layout */

.hy-address-card--new-address {

  justify-content: center !important;

  align-items: center !important;

  border-style: dashed !important;

  border-color: rgba(61, 73, 40, 0.2) !important;

  background-color: transparent !important;

}



.hy-address-card--new-address:hover {

  border-color: #3d4928 !important;

  background-color: rgba(61, 73, 40, 0.02) !important;

}



.hy-address-card--new-address .hy-address-card__title {

  margin-bottom: 0 !important;

  padding-right: 0 !important;

  font-size: 13.5px !important;

  font-weight: 600 !important;

  color: #6b7280 !important;

  margin-top: 8px !important;

}



.hy-address-card__icon {

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 32px !important;

  height: 32px !important;

  border-radius: 50% !important;

  background-color: rgba(61, 73, 40, 0.05) !important;

  color: #3d4928 !important;

}



.hy-plus-svg {

  width: 16px !important;

  height: 16px !important;

}



/* Save Address Toggle Card Styling */

.hy-checkout-toggle-card--save-address {

  display: flex;

  flex-direction: column !important;

  align-items: stretch !important;

  justify-content: flex-start !important;

}



.hy-checkout-toggle-card__icon--save-address {

  background-color: #fbf8f0 !important;

  color: #c5a059 !important;

}



/* Slide Down Address Title Fields */

.hy-save-address-title-wrapper {

  margin-top: 16px !important;

  width: 100% !important;

  animation: hyFadeIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;

}



.hy-save-address-title-expanded-wrapper {

  width: 100% !important;

}



.hy-address-title-field-container {

  width: 100% !important;

}



.hy-address-title-input {

  width: 100% !important;

  height: 48px !important;

  padding: 0 16px !important;

  background-color: #ffffff !important;

  border: 1px solid rgba(61, 73, 40, 0.12) !important;

  border-radius: 12px !important;

  font-family: "Inter", sans-serif !important;

  font-size: 14px !important;

  color: #1a1a1a !important;

  transition: border-color 0.2s, box-shadow 0.2s !important;

}



.hy-address-title-input::placeholder {

  color: #8c8c8c !important;

}



.hy-address-title-input:focus {

  border-color: #3d4928 !important;

  box-shadow: 0 0 0 3px rgba(61, 73, 40, 0.08) !important;

  outline: none !important;

}



.hy-billing-address-details-wrapper {

  width: 100%;

}



/* Saved Address Card Edit Button */

.hy-address-card__edit {

  position: absolute !important;

  top: 10px !important;

  right: 38px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 26px !important;

  height: 26px !important;

  padding: 0 !important;

  background: transparent !important;

  border: none !important;

  border-radius: 6px !important;

  color: #9ca3af !important;

  cursor: pointer !important;

  transition: all 0.2s !important;

}



.hy-address-card__edit:hover {

  background-color: rgba(61, 73, 40, 0.05) !important;

  color: #3d4928 !important;

}



.hy-edit-svg {

  width: 13px !important;

  height: 13px !important;

}



/* Edit Panel Hover & Focus Styles */

.hy-address-edit-panel #hy_update_address_btn:hover {

  background-color: var(--hy-color-tertiary, #c5a059) !important;

  box-shadow: 0 4px 12px rgba(197, 160, 89, 0.2) !important;

}



/* Premium Cart Header section */

.hy-checkout-card--summary {

  background: #ffffff !important;

  border: 1px solid rgba(61, 73, 40, 0.08) !important;

  border-radius: 24px !important;

  padding: 24px !important;

  box-shadow: 0 4px 20px rgba(61, 73, 40, 0.02) !important;

}



.hy-checkout-summary-header {

  display: flex !important;

  justify-content: space-between !important;

  align-items: center !important;

  margin-bottom: 8px !important;

  border-bottom: 1px solid rgba(61, 73, 40, 0.06) !important;

  padding-bottom: 12px !important;

}



.hy-checkout-summary-title {

  font-family: "Noto Serif", serif !important;

  font-size: 16px !important;

  font-weight: 700 !important;

  color: #1a1a1a !important;

  margin: 0 !important;

}



.hy-checkout-summary-count {

  font-family: "Inter", sans-serif !important;

  font-size: 13.5px !important;

  font-weight: 500 !important;

  color: #8c9085 !important;

  background: transparent !important;

  padding: 0 !important;

  border-radius: 0 !important;

  text-transform: lowercase;

}



/* Flat layout for product items list */

.hy-checkout-review-table tbody {

  display: block !important;

  width: 100% !important;

  background: transparent !important;

  border: none !important;

  border-radius: 0 !important;

  padding: 0 !important;

  margin-bottom: 0 !important;

  box-shadow: none !important;

}



/* Cart Item Spacing & Structure */

.hy-checkout-cart-item {

  display: flex !important;

  justify-content: space-between !important;

  align-items: center !important;

  padding: 8px 0 !important;

  border-bottom: 1px solid rgba(61, 73, 40, 0.05) !important;

  width: 100% !important;

}



.hy-checkout-cart-item:last-child {

  border-bottom: none !important;

}



.hy-checkout-cart-item td.product-name {

  flex-grow: 1 !important;

  border: none !important;

  background: transparent !important;

  padding: 0 !important;

}



.hy-checkout-cart-item td.product-total {

  flex-shrink: 0 !important;

  border: none !important;

  background: transparent !important;

  padding: 0 0 0 16px !important;

  text-align: right !important;

  white-space: nowrap !important;

}



.hy-checkout-prod-row {

  display: flex !important;

  align-items: flex-start !important;

  gap: 12px !important;

}



.hy-checkout-prod-row__img-col {

  position: relative !important;

  flex-shrink: 0 !important;

  width: 56px !important;

  height: 56px !important;

  background: #ffffff !important;

  border: 1px solid rgba(61, 73, 40, 0.06) !important;

  border-radius: 8px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

}



.hy-checkout-prod-img {

  width: 100% !important;

  height: 100% !important;

  object-fit: cover !important;

  border-radius: 7px !important;

}



.hy-checkout-prod-row__qty-badge {

  position: absolute !important;

  top: -6px !important;

  right: -6px !important;

  background: var(--hy-color-primary, #3d4928) !important;

  color: #ffffff !important;

  font-family: "Inter", sans-serif !important;

  font-size: 10px !important;

  font-weight: 700 !important;

  min-width: 16px !important;

  height: 16px !important;

  border-radius: 8px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  padding: 0 3px !important;

  box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;

  z-index: 2 !important;

}



.hy-checkout-prod-row__content-col {

  display: flex !important;

  flex-direction: column !important;

  gap: 1px !important;

}



.hy-checkout-prod-row__brand {

  font-family: "Inter", sans-serif !important;

  font-size: 9.5px !important;

  font-weight: 700 !important;

  color: var(--hy-color-tertiary, #c5a059) !important;

  letter-spacing: 0.05em !important;

  text-transform: uppercase !important;

}



.hy-checkout-prod-row__name {

  font-family: "Noto Serif", serif !important;

  font-size: 13px !important;

  font-weight: 700 !important;

  color: #1a1a1a !important;

  margin: 0 !important;

  line-height: 1.3 !important;

}



.hy-checkout-prod-row__content-col dl.variation,

.hy-checkout-prod-row__content-col .wc-item-meta {

  margin: 3px 0 0 0 !important;

  padding: 0 !important;

  list-style: none !important;

  font-family: "Inter", sans-serif !important;

  font-size: 11px !important;

  color: #8c9085 !important;

  line-height: 1.3 !important;

}



.hy-checkout-prod-row__content-col dl.variation dt,

.hy-checkout-prod-row__content-col dl.variation dd {

  display: inline !important;

  margin: 0 !important;

  font-weight: normal !important;

}



.hy-checkout-prod-row__content-col dl.variation dd::after {

  content: " - " !important;

}



.hy-checkout-prod-row__content-col dl.variation dd:last-child::after {

  content: "" !important;

}



.hy-checkout-review-table td.product-total {

  font-family: "Inter", sans-serif !important;

  font-size: 13.5px !important;

  font-weight: 700 !important;

  color: #1a1a1a !important;

  text-align: right !important;

}



/* Inline Coupon Form row */

.hy-checkout-coupon-row {

  display: block !important;

  width: 100% !important;

  padding: 8px 0 !important;

  border-bottom: 1px dashed rgba(61, 73, 40, 0.1) !important;

  margin-bottom: 4px !important;

}



.hy-checkout-coupon-row td {

  display: block !important;

  width: 100% !important;

  border: none !important;

  padding: 0 !important;

}



.hy-checkout-coupon-wrap {

  display: flex !important;

  gap: 10px !important;

  width: 100% !important;

}



#hy_coupon_code {

  flex-grow: 1 !important;

  height: 40px !important;

  border: 1px solid rgba(61, 73, 40, 0.12) !important;

  border-radius: 10px !important;

  padding: 0 14px !important;

  background: #fff !important;

  font-family: "Inter", sans-serif !important;

  font-size: 13px !important;

  color: #1a1a1a !important;

}



#hy_coupon_code::placeholder {

  color: #b0b4ab !important;

}



#hy_apply_coupon_btn {

  height: 40px !important;

  background-color: var(--hy-color-primary, #3d4928) !important;

  color: #ffffff !important;

  border: none !important;

  border-radius: 10px !important;

  padding: 0 20px !important;

  font-family: "Inter", sans-serif !important;

  font-weight: 700 !important;

  font-size: 13px !important;

  cursor: pointer !important;

  transition: all 0.2s !important;

}



#hy_apply_coupon_btn:hover {

  background-color: var(--hy-color-tertiary, #c5a059) !important;

}



/* Shipping Methods flat rows */

.hy-checkout-review-table tr.shipping {

  display: block !important;

  padding: 8px 0 !important;

  border-bottom: 1px dashed rgba(61, 73, 40, 0.1) !important;

}



.hy-checkout-review-table tr.shipping th {

  display: none !important;

}



.hy-checkout-review-table tr.shipping td {

  display: block !important;

  width: 100% !important;

  text-align: left !important;

}



.hy-checkout-review-table #shipping_method {

  display: flex !important;

  flex-direction: column !important;

  gap: 6px !important;

  list-style: none !important;

  padding: 0 !important;

  margin: 0 !important;

}



.hy-checkout-review-table #shipping_method li {

  background: transparent !important;

  border: none !important;

  border-radius: 0 !important;

  padding: 4px 0 !important;

  box-shadow: none !important;

  display: flex !important;

  align-items: center !important;

  gap: 10px !important;

  transition: none !important;

}



.hy-checkout-review-table #shipping_method li.active,

.hy-checkout-review-table #shipping_method li:has(input[type="radio"]:checked) {

  background: transparent !important;

  border: none !important;

  box-shadow: none !important;

}



.hy-checkout-review-table #shipping_method li label {

  display: flex !important;

  justify-content: space-between !important;

  align-items: center !important;

  width: 100% !important;

  font-family: "Inter", sans-serif !important;

  font-size: 13.5px !important;

  font-weight: 500 !important;

  color: #4b5563 !important;

  cursor: pointer !important;

}



.hy-checkout-review-table #shipping_method li label .amount {

  font-weight: 700 !important;

  color: #1a1a1a !important;

  font-size: 13.5px !important;

}



.hy-checkout-review-table #shipping_method li input[type="radio"] {

  accent-color: var(--hy-color-primary, #3d4928) !important;

  width: 16px !important;

  height: 16px !important;

  margin: 0 !important;

}



/* Totals rows styling */

.hy-checkout-total-row {

  display: flex !important;

  justify-content: space-between !important;

  align-items: center !important;

  padding: 10px 0 !important;

  border-top: none !important;

}



.hy-checkout-total-row th {

  font-family: "Inter", sans-serif !important;

  font-size: 13.5px !important;

  font-weight: 500 !important;

  color: #4b5563 !important;

  border: none !important;

  padding: 0 !important;

  flex-grow: 1 !important;

  text-align: left !important;

}



.hy-checkout-total-row td {

  font-family: "Inter", sans-serif !important;

  font-size: 14px !important;

  font-weight: 700 !important;

  color: #1a1a1a !important;

  border: none !important;

  padding: 0 0 0 16px !important;

  flex-shrink: 0 !important;

  text-align: right !important;

  white-space: nowrap !important;

}



.hy-checkout-total-row--coupon th {

  color: #2b5c3a !important;

}



.hy-checkout-total-row--coupon td {

  color: #2b5c3a !important;

}



/* Grand Total Row Accentuation */

.hy-checkout-total-row--grand {

  border-top: 1px dashed rgba(61, 73, 40, 0.1) !important;

  border-bottom: 1px dashed rgba(61, 73, 40, 0.1) !important;

  padding: 10px 0 !important;

  margin: 4px 0 !important;

}



.hy-checkout-total-row--grand th {

  font-family: "Noto Serif", serif !important;

  font-size: 16px !important;

  font-weight: 700 !important;

  color: #1a1a1a !important;

  flex-grow: 1 !important;

  text-align: left !important;

}



.hy-checkout-total-row--grand td {

  font-family: "Inter", sans-serif !important;

  font-size: 20px !important;

  font-weight: 800 !important;

  color: var(--hy-color-primary, #3d4928) !important;

  flex-shrink: 0 !important;

  text-align: right !important;

  white-space: nowrap !important;

}



/* Payment Methods Box Section styling - Redesigned for premium look and feel */

.hy-checkout-payment-box {

  margin-top: 48px !important;

  border-top: 1px dashed rgba(61, 73, 40, 0.12) !important;

  padding-top: 24px !important;

}



.hy-checkout-payment-box__title {

  font-family: "Noto Serif", serif !important;

  font-size: 15px !important;

  font-weight: 700 !important;

  color: #1a1a1a !important;

  margin-top: 0 !important;

  margin-bottom: 16px !important;

}



.hy-checkout-payment-methods {

  display: flex !important;

  flex-direction: column !important;

  gap: 10px !important;

  list-style: none !important;

  padding: 0 !important;

  margin: 0 0 20px 0 !important;

}



.hy-checkout-payment-methods li.wc_payment_method {

  border: 1px solid rgba(61, 73, 40, 0.08) !important;

  border-radius: 12px !important;

  padding: 14px 16px !important;

  background: #ffffff !important;

  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;

}



.hy-checkout-payment-methods li.wc_payment_method:hover {

  border-color: rgba(61, 73, 40, 0.2) !important;

  background: #fafaf9 !important;

}



.hy-checkout-payment-methods li.wc_payment_method:has(input[type=\"radio\"]:checked) {

  border-color: var(--hy-color-primary, #3d4928) !important;

  background: rgba(61, 73, 40, 0.02) !important;

  box-shadow: 0 2px 8px rgba(61, 73, 40, 0.04) !important;

}



.hy-checkout-payment-methods li.wc_payment_method label {

  font-family: \"Inter\", sans-serif !important;

  font-size: 14px !important;

  font-weight: 700 !important;

  color: #1a1a1a !important;

  display: inline-block !important;

  vertical-align: middle !important;

  cursor: pointer !important;

  margin: 0 !important;

  width: auto !important;

}



.hy-checkout-payment-methods li.wc_payment_method input[type=\"radio\"] {

  accent-color: var(--hy-color-primary, #3d4928) !important;

  width: 18px !important;

  height: 18px !important;

  margin: 0 10px 0 0 !important;

  vertical-align: middle !important;

  cursor: pointer !important;

  display: inline-block !important;

}



/* Align and limit the size of payment gateway method logos */

.hy-checkout-payment-methods li.wc_payment_method label img {

  max-height: 24px !important;

  width: auto !important;

  margin-left: auto !important;

  object-fit: contain !important;

}



/* Flat, modern payment description box */

.hy-checkout-payment-methods li.wc_payment_method .payment_box {

  background-color: #f7f6f4 !important;

  border: none !important;

  padding: 12px 14px !important;

  border-radius: 8px !important;

  margin-top: 12px !important;

  font-family: "Inter", sans-serif !important;

  font-size: 12px !important;

  line-height: 1.6 !important;

  color: #555d4c !important;

}



/* Remove default WooCommerce payment box pointer arrow */

.hy-checkout-payment-methods li.wc_payment_method .payment_box::before {

  display: none !important;

}



/* Terms and Conditions Checkbox Wrapper */

.woocommerce-checkout-payment .woocommerce-terms-and-conditions-wrapper {

  margin-bottom: 20px !important;

  border: none !important;

  padding: 0 !important;

  box-shadow: none !important;

}



.woocommerce-checkout-payment .woocommerce-form__label-for-checkbox {

  display: flex !important;

  align-items: flex-start !important;

  gap: 10px !important;

  font-family: "Inter", sans-serif !important;

  font-size: 13px !important;

  line-height: 1.5 !important;

  color: #374151 !important;

  cursor: pointer !important;

  margin: 0 !important;

}



.woocommerce-checkout-payment .woocommerce-form__label-for-checkbox input[type="checkbox"] {

  accent-color: var(--hy-color-primary, #3d4928) !important;

  margin-top: 2px !important;

  width: 16px !important;

  height: 16px !important;

  flex-shrink: 0 !important;

  cursor: pointer !important;

}



.woocommerce-checkout-payment .woocommerce-terms-and-conditions-checkbox-text {

  font-weight: 500 !important;

}



.woocommerce-checkout-payment .woocommerce-terms-and-conditions-checkbox-text a {

  color: var(--hy-color-primary, #3d4928) !important;

  text-decoration: underline !important;

  font-weight: 600 !important;

  transition: color 0.2s ease !important;

}



.woocommerce-checkout-payment .woocommerce-terms-and-conditions-checkbox-text a:hover {

  color: var(--hy-color-tertiary, #c5a059) !important;

}



/* Submit Place Order Button States */

.hy-checkout-submit-btn {

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 100% !important;

  height: 54px !important;

  background: var(--hy-color-primary, #3d4928) !important;

  color: #ffffff !important;

  border-radius: 99px !important;

  font-family: "Inter", sans-serif !important;

  font-weight: 700 !important;

  font-size: 14.5px !important;

  letter-spacing: 0.05em !important;

  text-transform: uppercase !important;

  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;

  box-shadow: 0 4px 16px rgba(61, 73, 40, 0.15) !important;

  cursor: pointer !important;

  border: none !important;

  padding: 0 !important;

}



.hy-checkout-submit-btn:hover {

  background: var(--hy-color-tertiary, #c5a059) !important;

  box-shadow: 0 6px 20px rgba(197, 160, 89, 0.25) !important;

  transform: translateY(-2px) !important;

}



/* Button Processing / Disabled State */

.hy-checkout-submit-btn:disabled,

.hy-checkout-submit-btn.disabled,

.hy-checkout-submit-btn[disabled],

.hy-checkout-submit-btn.processing {

  background: #a3a69f !important;

  color: rgba(255, 255, 255, 0.8) !important;

  cursor: not-allowed !important;

  transform: none !important;

  box-shadow: none !important;

}



/* Trust Badges Widget Box Styling */

.hy-checkout-trust-badges {

  margin-top: 48px !important;

  display: flex !important;

  flex-direction: column !important;

  gap: 12px !important;

  background: #fdfdfd !important;

  border: 1px solid rgba(61, 73, 40, 0.05) !important;

  border-radius: 12px !important;

  padding: 14px 16px !important;

}



.hy-checkout-trust-badge {

  display: flex !important;

  align-items: center !important;

  gap: 8px !important;

}



.hy-checkout-trust-badge__icon {

  width: 18px !important;

  height: 18px !important;

  color: var(--hy-color-tertiary, #c5a059) !important;

  flex-shrink: 0 !important;

}



.hy-checkout-trust-badge__text {

  font-family: "Inter", sans-serif !important;

  font-size: 12px !important;

  font-weight: 500 !important;

  color: #4a5240 !important;

  line-height: 1.4 !important;

}



/* Override default WooCommerce #payment grey background */

.woocommerce-checkout #payment {

    background: transparent !important;

    border-radius: 0 !important;

    padding: 0 !important;

}





/* FLOATING LABELS UX IMPROVEMENT */

.woocommerce-checkout .form-row {

    position: relative !important;

    margin-bottom: 24px !important;

}



.woocommerce-checkout .form-row label {

    position: absolute !important;

    top: 50% !important;

    left: 16px !important;

    transform: translateY(-50%) !important;

    font-size: 14px !important;

    color: #9ca3af !important;

    pointer-events: none !important;

    transition: all 0.2s ease-out !important;

    background: transparent !important;

    margin: 0 !important;

    padding: 0 4px !important;

    z-index: 10 !important;

}



/* Specific rule for the 'optional' abbreviation to not break the layout */

.woocommerce-checkout .form-row label .optional {

    display: none !important;

}



/* Focus and Has-Value States */

.woocommerce-checkout .form-row.hy-has-value label,

.woocommerce-checkout .form-row input:focus + label,

.woocommerce-checkout .form-row textarea:focus + label,

.woocommerce-checkout .form-row select:focus + label,

.woocommerce-checkout .form-row.hy-floating-active label {

    top: 0 !important;

    font-size: 11px !important;

    color: var(--hy-color-primary, #3d4928) !important;

    background-color: #ffffff !important;

    font-weight: 600 !important;

}



/* Adjust padding and z-index for input to accommodate floating label */

.woocommerce-checkout input[type="text"],

.woocommerce-checkout input[type="tel"],

.woocommerce-checkout input[type="email"],

.woocommerce-checkout input[type="password"],

.woocommerce-checkout textarea,

.woocommerce-checkout select,

.woocommerce-checkout .select2-selection--single {

    padding-top: 18px !important;

    padding-bottom: 18px !important;

    position: relative !important;

    z-index: 1 !important;

}



/* Hide placeholders to let label act as placeholder */

.woocommerce-checkout .form-row input::placeholder,

.woocommerce-checkout .form-row textarea::placeholder {

    color: transparent !important;

    opacity: 0 !important;

    visibility: hidden !important;

}

.woocommerce-checkout .form-row input::-webkit-input-placeholder,

.woocommerce-checkout .form-row textarea::-webkit-input-placeholder {

    color: transparent !important;

    opacity: 0 !important;

    visibility: hidden !important;

}

.woocommerce-checkout .form-row input::-moz-placeholder,

.woocommerce-checkout .form-row textarea::-moz-placeholder {

    color: transparent !important;

    opacity: 0 !important;

    visibility: hidden !important;

}

.woocommerce-checkout .form-row input:-ms-input-placeholder,

.woocommerce-checkout .form-row textarea:-ms-input-placeholder {

    color: transparent !important;

    opacity: 0 !important;

    visibility: hidden !important;

}



/* Show placeholder on focus if needed */

.woocommerce-checkout .form-row input:focus::placeholder,

.woocommerce-checkout .form-row textarea:focus::placeholder {

    color: #9ca3af !important;

    opacity: 1 !important;

    visibility: visible !important;

}

.woocommerce-checkout .form-row input:focus::-webkit-input-placeholder,

.woocommerce-checkout .form-row textarea:focus::-webkit-input-placeholder {

    color: #9ca3af !important;

    opacity: 1 !important;

    visibility: visible !important;

}



/* Phone field specific label positioning to avoid +90 overlap */

.woocommerce-checkout #billing_phone_field label,
.woocommerce-checkout #shipping_phone_field label {
    left: 65px !important;
}

.woocommerce-checkout #billing_phone_field.hy-has-value label,
.woocommerce-checkout #billing_phone_field input:focus + label,
.woocommerce-checkout #billing_phone_field.hy-floating-active label,
.woocommerce-checkout #shipping_phone_field.hy-has-value label,
.woocommerce-checkout #shipping_phone_field input:focus + label,
.woocommerce-checkout #shipping_phone_field.hy-floating-active label {
    left: 16px !important;
}



/* AJAX Overlay Fix - Transparent */

.blockUI.blockOverlay {

    background-color: transparent !important;

    opacity: 0 !important;

}

.blockUI.blockMsg {

    background: transparent !important;

    border: none !important;

    box-shadow: none !important;

    color: transparent !important;

}



/* Button Glow */

#place_order {

    transition: all 0.3s ease !important;

}

#place_order:hover {

    box-shadow: 0 0 15px rgba(197, 160, 89, 0.5) !important; /* Gold glow */

}





@media (min-width: 1024px) {

  .hy-checkout-layout__right-col {

    align-self: stretch !important;

    height: 100% !important;

  }

}





/* =============================================================================

   ORDER RECEIPT (PAYTR) PREMIUM REDESIGN

   ============================================================================= */



.hy-premium-order-receipt-container {

  width: 100%;

  max-width: 900px;

  margin: 0 auto 64px auto;

  animation: hyFadeIn 0.5s ease-out;

}



/* Receipt Summary Bar */

.hy-receipt-summary-bar {

  display: flex;

  flex-direction: column;

  background: #ffffff;

  border: 1px solid rgba(197, 160, 89, 0.2);

  border-radius: 16px;

  box-shadow: 0 8px 30px rgba(61, 73, 40, 0.04);

  padding: 24px;

  margin-bottom: 32px;

}



@media (min-width: 768px) {

  .hy-receipt-summary-bar {

    flex-direction: row;

    align-items: center;

    justify-content: space-between;

    padding: 32px 40px;

  }

}



.hy-receipt-item {

  display: flex;

  flex-direction: column;

  gap: 8px;

  padding: 16px 0;

  border-bottom: 1px solid rgba(61, 73, 40, 0.08);

}



.hy-receipt-item:last-child {

  border-bottom: none;

}



@media (min-width: 768px) {

  .hy-receipt-item {

    padding: 0 24px;

    border-bottom: none;

    border-right: 1px solid rgba(61, 73, 40, 0.1);

    flex: 1;

  }

  .hy-receipt-item:first-child {

    padding-left: 0;

  }

  .hy-receipt-item:last-child {

    padding-right: 0;

    border-right: none;

  }

}



.hy-receipt-label {

  font-family: "Inter", sans-serif;

  font-size: 11.5px;

  font-weight: 600;

  color: #6b7280;

  text-transform: uppercase;

  letter-spacing: 0.06em;

}



.hy-receipt-value {

  font-family: "Inter", sans-serif;

  font-size: 16px;

  font-weight: 700;

  color: #3d4928;

}



/* Secure Payment Portal Wrapper */

.hy-secure-payment-portal {

  background: #ffffff;

  border: 1px solid rgba(61, 73, 40, 0.08);

  border-radius: 24px;

  box-shadow: 0 12px 40px rgba(61, 73, 40, 0.03);

  overflow: hidden;

}



.hy-secure-portal-header {

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

  background: linear-gradient(145deg, #faf9f6 0%, #ffffff 100%);

  padding: 32px 24px;

  border-bottom: 1px solid rgba(61, 73, 40, 0.05);

}



@media (min-width: 768px) {

  .hy-secure-portal-header {

    flex-direction: row;

    text-align: left;

    align-items: center;

    padding: 32px 40px;

    gap: 24px;

  }

}



.hy-secure-icon-wrapper {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 56px;

  height: 56px;

  background-color: rgba(197, 160, 89, 0.1);

  border-radius: 50%;

  color: var(--hy-color-tertiary, #c5a059);

  margin-bottom: 16px;

  flex-shrink: 0;

}



@media (min-width: 768px) {

  .hy-secure-icon-wrapper {

    margin-bottom: 0;

  }

}



.hy-lock-svg {

  width: 24px;

  height: 24px;

}



.hy-secure-portal-title {

  flex: 1;

  margin-bottom: 24px;

}



@media (min-width: 768px) {

  .hy-secure-portal-title {

    margin-bottom: 0;

  }

}



.hy-secure-portal-title h3 {

  font-family: "Inter", sans-serif;

  font-size: 18px;

  font-weight: 700;

  color: #3d4928;

  margin: 0 0 4px 0;

}



.hy-secure-portal-title p {

  font-family: "Inter", sans-serif;

  font-size: 13px;

  color: #64748b;

  margin: 0;

}



.hy-secure-portal-badges {

  flex-shrink: 0;

}



.hy-paytr-badge {

  height: 32px;

  width: auto;

  opacity: 0.8;

  filter: grayscale(20%);

  transition: all 0.3s ease;

}



.hy-paytr-badge:hover {

  opacity: 1;

  filter: grayscale(0%);

}



.hy-secure-portal-body {
  padding: 8px 16px 16px 16px;
  min-height: 400px;
}



@media (min-width: 768px) {
  .hy-secure-portal-body {
    padding: 12px 24px 32px 24px;
  }
}



/* PayTR specific overrides to make it sit flush */

.hy-secure-portal-body iframe {

  border-radius: 12px;

}





/* =============================================================================

   ORDER RECEIPT (PAYTR) PREMIUM REDESIGN V2 - COMPACT 2 COLUMN

   ============================================================================= */



.hy-receipt-layout-container {

  display: flex;

  flex-direction: column;

  gap: 32px;

  width: 100%;

  max-width: 1100px;

  margin: 0 auto 64px auto;

  animation: hyFadeIn 0.5s ease-out;

}



@media (min-width: 1024px) {

  .hy-receipt-layout-container {

    display: grid;

    grid-template-columns: 1.3fr 0.8fr;

    align-items: start;

    gap: 48px;

  }

}



/* Sol Kolon (Ödeme Formu) */

.hy-receipt-main-col {

  width: 100%;

}



.hy-secure-portal-header.hy-compact-header {
  flex-direction: row;
  justify-content: flex-start;
  padding: 16px 24px;
  background: #ffffff;
}



.hy-compact-header .hy-secure-icon-wrapper {

  width: 44px;

  height: 44px;

  margin-bottom: 0;

  margin-right: 16px;

}



.hy-compact-header .hy-secure-portal-title h3 {

  font-size: 16px;

}



.hy-compact-header .hy-secure-portal-title p {

  font-size: 12px;

}



/* Sağ Kolon (Sipariş Özeti) */

.hy-receipt-sidebar-col {

  width: 100%;

  position: -webkit-sticky;

  position: sticky;

  top: 120px;

}



.hy-receipt-summary-card {

  background: #faf9f6;

  border: 1px solid rgba(61, 73, 40, 0.08);

  border-radius: 20px;

  padding: 32px;

}



.hy-summary-card-title {

  font-family: "Inter", sans-serif;

  font-size: 18px;

  font-weight: 700;

  color: #3d4928;

  margin: 0 0 24px 0;

  padding-bottom: 16px;

  border-bottom: 1px solid rgba(61, 73, 40, 0.08);

}



.hy-summary-meta {

  display: flex;

  flex-direction: column;

  gap: 12px;

  margin-bottom: 24px;

  padding-bottom: 24px;

  border-bottom: 1px solid rgba(61, 73, 40, 0.08);

}



.hy-meta-row {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.hy-meta-label {

  font-family: "Inter", sans-serif;

  font-size: 13px;

  color: #64748b;

}



.hy-meta-value {

  font-family: "Inter", sans-serif;

  font-size: 14px;

  font-weight: 600;

  color: #1a1a1a;

}



.hy-summary-items {

  margin-bottom: 24px;

  padding-bottom: 24px;

  border-bottom: 1px solid rgba(61, 73, 40, 0.08);

}



.hy-items-title {

  font-family: "Inter", sans-serif;

  font-size: 12px;

  font-weight: 600;

  color: #64748b;

  text-transform: uppercase;

  letter-spacing: 0.05em;

  margin: 0 0 16px 0;

}



.hy-items-list {

  list-style: none;

  padding: 0;

  margin: 0;

  display: flex;

  flex-direction: column;

  gap: 12px;

}



.hy-items-list li {

  display: flex;

  justify-content: flex-start;

  align-items: flex-start;

  gap: 12px;

}



.hy-item-qty {

  font-family: "Inter", sans-serif;

  font-size: 13px;

  font-weight: 600;

  color: #c5a059;

  background: rgba(197, 160, 89, 0.1);

  padding: 2px 6px;

  border-radius: 4px;

}



.hy-item-name {

  font-family: "Inter", sans-serif;

  font-size: 13px;

  color: #3d4928;

  flex: 1;

  line-height: 1.4;

}



.hy-item-total {

  font-family: "Inter", sans-serif;

  font-size: 13px;

  font-weight: 600;

  color: #1a1a1a;

  white-space: nowrap;

}



.hy-summary-total {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-top: 8px;

}



.hy-total-label {

  font-family: "Inter", sans-serif;

  font-size: 16px;

  font-weight: 700;

  color: #3d4928;

}



.hy-total-value {

  font-family: "Inter", sans-serif;

  font-size: 22px;

  font-weight: 800;

  color: #3d4928;

}





.hy-inline-title {

  display: flex;

  align-items: center;

  gap: 8px;

  margin: 0 !important;

  font-family: "Inter", sans-serif;

  font-size: 16px !important;

  font-weight: 700;

  color: #3d4928;

}



.hy-title-separator {

  color: #d1d5db;

  font-weight: 400;

  font-size: 16px;

}



.hy-title-subtitle {

  font-size: 13px;

  font-weight: 500;

  color: #64748b;

}



@media (max-width: 480px) {

  .hy-inline-title {

    flex-wrap: wrap;

    font-size: 14px !important;

  }

  .hy-title-separator {

    display: none;

  }

  .hy-title-subtitle {

    width: 100%;

    font-size: 12px;

  }

}





/* =============================================================================

   CHECKOUT FOOTER VISIBILITY FIX

   ============================================================================= */



.woocommerce-checkout footer h1,

.woocommerce-checkout footer h2,

.woocommerce-checkout footer h3,

.woocommerce-checkout footer h4,

.woocommerce-checkout footer h5,

.woocommerce-checkout footer h6,

.woocommerce-checkout footer .elementor-heading-title {

  color: var(--hy-color-tertiary, #c5a059) !important;

}



.woocommerce-checkout footer p,

.woocommerce-checkout footer .elementor-text-editor {

  color: #e5e7eb !important;

}





/* =============================================================================

   FRICTIONLESS CHECKOUT DISCLAIMER

   ============================================================================= */



.hy-premium-checkout-disclaimer {

  display: flex;

  align-items: flex-start;

  gap: 12px;

  background-color: rgba(197, 160, 89, 0.04);

  border: 1px solid rgba(197, 160, 89, 0.15);

  border-radius: 12px;

  padding: 16px;

  margin-top: 16px;

  margin-bottom: 24px;

}



.hy-disclaimer-icon {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 24px;

  height: 24px;

  color: var(--hy-color-tertiary, #c5a059);

  flex-shrink: 0;

  margin-top: 2px;

}



.hy-disclaimer-text {

  flex: 1;

}



.hy-disclaimer-text p {

  font-family: "Inter", sans-serif;

  font-size: 12px;

  line-height: 1.5;

  color: #64748b;

  margin: 0 !important;

}



.hy-disclaimer-link {

  color: #3d4928;

  font-weight: 600;

  text-decoration: underline;

  text-decoration-color: rgba(61, 73, 40, 0.3);

  text-underline-offset: 3px;

  transition: all 0.2s ease;

}



.hy-disclaimer-link:hover {

  color: var(--hy-color-tertiary, #c5a059);

  text-decoration-color: var(--hy-color-tertiary, #c5a059);

}



/* ==========================================================================

   DESKTOP HIDDEN UTILITY FOR MOBILE CHECKOUT ELEMENTS

   ========================================================================== */

.hy-mobile-checkout-header,

.hy-mobile-checkout-steps,

.hy-mobile-checkout-footer {

  display: none !important;

}



/* ==========================================================================

   PREMIUM MOBILE CHECKOUT OVERRIDES (Native-app feel)

   ========================================================================== */

@media (max-width: 767px) {

  body.woocommerce-checkout {

    background-color: #faf9f6 !important;

    padding-bottom: 110px !important; /* space for sticky footer */

  }



  /* Desktop elements cleanup */

  body.woocommerce-checkout #masthead,

  body.woocommerce-checkout #top-bar-notice,

  .hy-checkout-progress,

  .hy-checkout-billing-header,

  body.woocommerce-checkout .entry-title {

    display: none !important;

  }



  /* Remove any extra top/side spacing on mobile checkout container ONLY */

  body.woocommerce-checkout #page,

  body.woocommerce-checkout #content,

  body.woocommerce-checkout .site-content,

  body.woocommerce-checkout #content .hy-site-container,

  body.woocommerce-checkout #primary,

  body.woocommerce-checkout main#main,

  body.woocommerce-checkout article,

  body.woocommerce-checkout .entry-content,

  body.woocommerce-checkout .woocommerce,

  body.woocommerce-checkout form.checkout,

  body.woocommerce-checkout .hy-checkout-page-wrapper {

    padding-top: 0 !important;

    padding-bottom: 16px !important;

    margin-top: 0 !important;

    padding-left: 0 !important;

    padding-right: 0 !important;

  }



  /* Explicitly preserve footer padding */

  body.woocommerce-checkout .hy-site-footer .hy-site-container {

    padding-left: 20px !important;

    padding-right: 20px !important;

  }



  body.woocommerce-checkout .woocommerce-notices-wrapper:empty {

    display: none !important;

    margin: 0 !important;

    padding: 0 !important;

  }



  /* Header & Step badges */

  .hy-mobile-checkout-header {

    display: flex !important;

    align-items: center;

    justify-content: space-between;

    padding: 16px;

    background: #ffffff;

    border-bottom: 1px solid #f3f4f6;

    position: sticky;

    top: 0;

    z-index: 1010;

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);

  }



  .hy-mobile-checkout-back {

    border: none;

    background: #f3f4f6;

    width: 36px;

    height: 36px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #1f2937;

    cursor: pointer;

    padding: 0;

    transition: background 0.2s;

  }



  .hy-mobile-checkout-back:active {

    background: #e5e7eb;

  }



  .hy-mobile-checkout-back svg {

    width: 18px;

    height: 18px;

  }



  .hy-mobile-checkout-title {

    font-size: 16px;

    font-weight: 700;

    color: #111827;

    font-family: 'Inter', sans-serif;

  }



  .hy-mobile-checkout-step-badge {

    font-size: 11px;

    font-weight: 600;

    color: #15803d;

    background: #f0fdf4;

    padding: 4px 10px;

    border-radius: 20px;

    border: 1px solid rgba(21, 128, 61, 0.15);

  }



  /* Step indicator navigation */

  .hy-mobile-checkout-steps {

    display: flex !important;

    align-items: center;

    justify-content: space-between;

    padding: 14px 20px;

    background: #ffffff;

    border-bottom: 1px solid #f3f4f6;

    margin-bottom: 32px;

  }



  /* Form content wrapper padding */

  .hy-checkout-layout {

    padding: 0 6px !important;

  }



  .hy-mobile-checkout-step {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 6px;

    color: #9ca3af;

    font-size: 11px;

    font-weight: 500;

    font-family: 'Inter', sans-serif;

  }



  .hy-mobile-checkout-step span {

    transition: color 0.3s;

  }



  .hy-mobile-checkout-step.active {

    color: var(--hy-color-primary, #3d4928);

    font-weight: 600;

  }



  .hy-mobile-checkout-step.completed {

    color: #10b981;

  }



  .hy-mobile-checkout-step-icon-wrap {

    width: 38px;

    height: 38px;

    border-radius: 50%;

    background: #f3f4f6;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #9ca3af;

    transition: all 0.3s ease;

  }



  .hy-mobile-checkout-step.active .hy-mobile-checkout-step-icon-wrap {

    background: rgba(61, 73, 40, 0.07);

    color: var(--hy-color-primary, #3d4928);

    border: 1.5px solid rgba(61, 73, 40, 0.12);

  }



  .hy-mobile-checkout-step.completed .hy-mobile-checkout-step-icon-wrap {

    background: #e6fcf5;

    color: #10b981;

  }



  .hy-mobile-checkout-step-icon {

    width: 18px;

    height: 18px;

  }



  .hy-mobile-checkout-step-line {

    flex: 1;

    height: 2px;

    background: #e5e7eb;

    margin-bottom: 20px;

    transition: background 0.3s;

  }



  .hy-mobile-checkout-step-line.active {

    background: #10b981;

  }



  /* Form & Card overrides */

  .hy-checkout-card {

    border: none !important;

    border-radius: 0 !important;

    padding: 0 16px 20px !important;

    box-shadow: none !important;

    background: transparent !important;

  }



  .woocommerce-billing-fields__field-wrapper,

  .hy-checkout-card--summary,

  #payment {

    background: #ffffff;

    border: 1px solid #f3f4f6;

    border-radius: 20px;

    padding: 20px 16px;

    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.015);

  }



  .hy-checkout-card--summary {

    padding: 20px 16px !important;

    border: 1px solid #f3f4f6 !important;

  }



  /* Form Layout Fields */

  .woocommerce-checkout .form-row {

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    margin-bottom: 16px !important;

    width: 100% !important;

    float: none !important;

    clear: both !important;

  }



  /* Stack Name & Surname fields 100% on mobile - UNIVERSAL SPECIFICITY */

  body .woocommerce-checkout .form-row,

  body .woocommerce-checkout p.form-row,

  body .woocommerce-checkout .form-row-first,

  body .woocommerce-checkout .form-row-last {

    width: 100% !important;

    float: none !important;

    clear: both !important;

  }



  /* Inputs, Textareas and Dropdowns */

  .woocommerce-checkout input[type="text"],

  .woocommerce-checkout input[type="tel"],

  .woocommerce-checkout input[type="email"],

  .woocommerce-checkout input[type="password"],

  .woocommerce-checkout textarea,

  .woocommerce-checkout .select2-selection--single {

    width: 100% !important;

    height: 48px !important;

    background: #ffffff !important;

    border: 1px solid #e5e7eb !important;

    border-radius: 12px !important;

    padding: 12px 16px !important;

    font-size: 14px !important;

    color: #1f2937 !important;

    box-sizing: border-box !important;

    transition: border-color 0.2s, box-shadow 0.2s !important;

    box-shadow: none !important;

  }



  .woocommerce-checkout textarea {

    height: 100px !important;

    resize: none !important;

  }



  .woocommerce-checkout input:focus,

  .woocommerce-checkout textarea:focus,

  .woocommerce-checkout .select2-container--open .select2-selection--single {

    border-color: var(--hy-color-primary, #3d4928) !important;

    box-shadow: 0 0 0 3px rgba(61, 73, 40, 0.08) !important;

    outline: none !important;

  }



  /* Select2 Styling */

  .woocommerce-checkout .select2-container--default .select2-selection--single {

    display: flex !important;

    align-items: center !important;

    padding-left: 16px !important;

    padding-right: 16px !important;

  }



  .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {

    padding-left: 0 !important;

    padding-right: 0 !important;

    color: #1f2937 !important;

    font-size: 14px !important;

    line-height: 24px !important;

  }



  .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {

    right: 16px !important;

  }



  /* Placeholders completely hidden — floating labels are sufficient */

  .woocommerce-checkout .form-row input::placeholder,

  .woocommerce-checkout .form-row textarea::placeholder {

    color: transparent !important;

    opacity: 0 !important;

  }



  /* Step Routing visibility triggers */

  

  /* Step 1 */

  .hy-checkout-form[data-step="1"] .hy-checkout-layout__left-col {

    display: block !important;

  }

  .hy-checkout-form[data-step="1"] .hy-checkout-layout__right-col {

    display: none !important;

  }



  /* Step 2 */

  .hy-checkout-form[data-step="2"] .hy-checkout-layout__left-col {

    display: none !important;

  }

  .hy-checkout-form[data-step="2"] .hy-checkout-layout__right-col {

    display: block !important;

  }

  .hy-checkout-form[data-step="2"] .hy-checkout-review-table,

  .hy-checkout-form[data-step="2"] .woocommerce-checkout-review-order-table {

    display: table !important;

  }

  .hy-checkout-form[data-step="2"] #payment {

    display: none !important;

  }



  /* Step 3 */

  .hy-checkout-form[data-step="3"] .hy-checkout-layout__left-col {

    display: none !important;

  }

  .hy-checkout-form[data-step="3"] .hy-checkout-layout__right-col {

    display: block !important;

  }

  .hy-checkout-form[data-step="3"] .hy-checkout-card--summary {

    display: none !important;

  }

  .hy-checkout-form[data-step="3"] #payment {

    display: block !important;

    border: 1px solid #f3f4f6 !important;

  }



  /* Shipping methods card layout list */

  .hy-checkout-review-table #shipping_method {

    display: flex !important;

    flex-direction: column !important;

    gap: 8px !important;

  }



  .hy-checkout-review-table #shipping_method li {

    border-radius: 12px !important;

    border: 1.5px solid #e5e7eb !important;

    padding: 12px 16px !important;

    margin: 0 !important;

    background: #ffffff !important;

    transition: all 0.2s ease;

  }



  .hy-checkout-review-table #shipping_method li:has(input[type="radio"]:checked),

  .hy-checkout-review-table #shipping_method li.active {

    border-color: var(--hy-color-primary, #3d4928) !important;

    background: rgba(61, 73, 40, 0.02) !important;

  }



  /* Payment methods list */

  .hy-checkout-payment-methods li.wc_payment_method {

    border-radius: 12px !important;

    border: 1.5px solid #e5e7eb !important;

    padding: 12px 16px !important;

    margin-bottom: 12px !important;

    background: #ffffff !important;

  }



  .hy-checkout-payment-methods li.wc_payment_method:has(input[type="radio"]:checked) {

    border-color: var(--hy-color-primary, #3d4928) !important;

    background: rgba(61, 73, 40, 0.02) !important;

  }



  .hy-checkout-payment-methods li.wc_payment_method label {

    padding-left: 0 !important;

    font-weight: 600 !important;

    color: #374151 !important;

  }



  .woocommerce-checkout #payment div.payment_box {

    background: #faf8f5 !important;

    border-radius: 8px !important;

    padding: 12px !important;

    margin-top: 10px !important;

    font-size: 13px !important;

    color: #4b5563 !important;

    border: 1px solid rgba(197, 160, 89, 0.1) !important;

  }



  .woocommerce-checkout #payment div.payment_box::before {

    display: none !important;

  }



  /* Checkbox customizations */

  .woocommerce-checkout .form-row.create-account,

  .woocommerce-checkout .form-row.custom-checkbox {

    flex-direction: row !important;

    align-items: center !important;

  }



  .woocommerce-checkout input[type="checkbox"] {

    width: 20px !important;

    height: 20px !important;

    border-radius: 6px !important;

    border: 1.5px solid #d1d5db !important;

    margin-right: 10px !important;

    flex-shrink: 0 !important;

  }



  /* Sticky Footer bar */

  .hy-mobile-checkout-footer {

    display: flex !important;

    align-items: center;

    justify-content: space-between;

    padding: 16px 20px 24px;

    background: #ffffff;

    border-top: 1px solid #f3f4f6;

    position: fixed;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 1010;

    box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.05);

  }



  .hy-mobile-checkout-total-col {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

  }



  .hy-mobile-checkout-total-label {

    font-size: 10px;

    font-weight: 700;

    color: #9ca3af;

    letter-spacing: 0.08em;

    line-height: 1;

  }



  .hy-mobile-checkout-total-val {

    font-size: 20px;

    font-weight: 800;

    color: #111827;

    margin-top: 2px;

    line-height: 1.1;

  }



  .hy-mobile-checkout-next-btn {

    border: 0;

    border-radius: 12px;

    padding: 12px 24px;

    background: #3d4928 !important; /* premium brand green */

    color: #ffffff !important;

    font-family: inherit;

    font-size: 15px;

    font-weight: 700;

    box-shadow: 0 4px 14px rgba(61, 73, 40, 0.3) !important;

    transition: opacity 0.2s ease, transform 0.1s ease;

    display: flex;

    align-items: center;

    gap: 8px;

    white-space: nowrap;

    cursor: pointer;

  }



  .hy-mobile-checkout-next-btn:active {

    transform: scale(0.97);

  }



  .hy-mobile-checkout-next-btn.processing {

    opacity: 0.8;

    pointer-events: none;

  }



  .hy-arrow-svg {

    width: 16px;

    height: 16px;

    stroke-width: 3;

  }

}







/* =============================================================================

   HOME TRUST STRIP (AWARDS & CERTS)

   ============================================================================= */



.hy-home-trust-strip {

  background-color: #faf9f6; /* Ferah, açık krem rengi */

  padding: 64px 0;

  border-top: 1px solid rgba(61, 73, 40, 0.05);

}



.hy-trust-strip__grid {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 32px;

  align-items: center;

  justify-content: center;

}



@media (min-width: 768px) {

  .hy-trust-strip__grid {

    grid-template-columns: repeat(4, 1fr);

    gap: 48px;

  }

}



.hy-trust-strip__item {

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

  gap: 16px;

  transition: transform 0.3s ease, opacity 0.3s ease;

  opacity: 0.8;

}



.hy-trust-strip__item:hover {

  opacity: 1;

  transform: translateY(-4px);

}



.hy-trust-strip__icon {

  width: 48px;

  height: 48px;

  color: #3d4928; /* Koyu zeytin rengi */

  transition: color 0.3s ease;

}



.hy-trust-strip__item:hover .hy-trust-strip__icon {

  color: var(--hy-color-tertiary, #c5a059); /* Üzerine gelince altın rengi */

}



.hy-trust-strip__text {

  font-family: "Inter", sans-serif;

  font-size: 13px;

  line-height: 1.4;

  color: #64748b;

}



.hy-trust-strip__text strong {

  display: block;

  font-size: 15px;

  color: #1a1a1a;

  margin-top: 4px;

}





/* =============================================================================

   PREMIUM DESKTOP HEADER (Flexbox Reorder)

   ============================================================================= */



/* Base mobile fallback to prevent total breakage before we do the mobile pass */

.hy-site-header__row {

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 100%;

}



.hy-site-header__mobile-left {

  display: flex;

  align-items: center;

}



/* Hide desktop nav on mobile by default */

.hy-site-header__nav--desktop {

  display: none;

}



/* DESKTOP PREMIUM LAYOUT (min-width: 1024px) */

@media (min-width: 1024px) {

  

  /* 1. Hide Hamburger */

  .hy-site-header__mobile-left {

    display: none !important;

  }

  

  /* 2. Three-column Grid/Flex for Header */

  .hy-site-header__row {

    display: grid !important;

    grid-template-columns: 200px 1fr 200px;

    align-items: center;

    gap: 32px;

  }

  

  /* 3. Logo on the left */

  .hy-site-header__brand {

    display: flex;

    justify-content: flex-start;

  }

  

  /* 4. Nav in the center */

  .hy-site-header__nav--desktop {

    display: flex !important;

    justify-content: center;

    width: 100%;

  }

  

  .hy-header-nav__list {

    display: flex;

    align-items: center;

    gap: 40px;

    margin: 0;

    padding: 0;

    list-style: none;

  }

  

  .hy-header-nav__list li {

    position: relative;

  }

  

  .hy-header-nav__list a {

    font-family: "Inter", sans-serif;

    font-size: 14px;

    font-weight: 500;

    color: #1a1a1a;

    text-decoration: none;

    padding: 8px 0;

    transition: color 0.3s ease;

  }

  

  /* Premium Hover Underline Animation */

  .hy-header-nav__list a::after {

    content: "";

    position: absolute;

    bottom: -4px;

    left: 0;

    width: 0;

    height: 2px;

    background-color: var(--hy-color-tertiary, #c5a059);

    transition: width 0.3s ease;

  }

  

  .hy-header-nav__list a:hover {

    color: var(--hy-color-tertiary, #c5a059);

  }

  

  .hy-header-nav__list a:hover::after,

  .hy-header-nav__list .current-menu-item > a::after {

    width: 100%;

  }

  

  /* 5. Actions on the right */

  .hy-site-header__actions {

    display: flex;

    justify-content: flex-end;

    align-items: center;

    gap: 24px;

  }

  

  .hy-site-header__icon-link {

    color: #1a1a1a;

    transition: color 0.3s ease, transform 0.3s ease;

  }

  

  .hy-site-header__icon-link:hover {

    color: var(--hy-color-tertiary, #c5a059);

    transform: translateY(-2px);

  }

  

  /* Cart Badge Premium Touch */

  .hy-site-header__icon-link--cart {

    position: relative;

  }

  

  .hy-site-header__cart-count {

    position: absolute;

    top: -6px;

    right: -10px;

    background-color: var(--hy-color-tertiary, #c5a059);

    color: #fff;

    font-size: 10px;

    font-weight: 700;

    width: 18px;

    height: 18px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    border: 2px solid #fff;

  }

}





/* =============================================================================

   PREMIUM DESKTOP HEADER - COLOR FIXES (HOME TRANSPARENT STATE)

   ============================================================================= */

@media (min-width: 1024px) {

  /* On the homepage, before scrolling, the header is over a dark image. Text must be white. */

  .hy-site-header--home:not(.is-scrolled) .hy-header-nav__list a {

    color: #ffffff !important;

    text-shadow: 0 1px 3px rgba(0,0,0,0.6);

  }

  

  .hy-site-header--home:not(.is-scrolled) .hy-site-header__icon-link {

    color: #ffffff !important;

    filter: drop-shadow(0 1px 3px rgba(0,0,0,0.6));

  }

  

  .hy-site-header--home:not(.is-scrolled) .hy-header-nav__list a:hover,

  .hy-site-header--home:not(.is-scrolled) .hy-site-header__icon-link:hover {

    color: var(--hy-color-tertiary, #e3c078) !important;

  }

  

  /* Make the logo pop a bit more if it's a seal */

  .hy-site-header--home:not(.is-scrolled) .hy-site-header__brand-image {

    filter: drop-shadow(0 4px 12px rgba(0,0,0,0.4));

  }

}





/* =============================================================================

   PREMIUM 2-ROW DESKTOP HEADER (SPLIT-ROW LAYOUT)

   ============================================================================= */



/* Mobile Fallback: Hide search bar and desktop nav */

.hy-site-header__search-wrap,

.hy-site-header__nav--desktop,

.hy-site-header__account-text {

  display: none;

}



.hy-site-header__top-row {

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 100%;

}



.hy-site-header__actions {

  display: flex;

  align-items: center;

  gap: 16px;

}



/* DESKTOP 2-ROW LAYOUT (min-width: 1024px) */

@media (min-width: 1024px) {

  

  /* Reset container layout */

  .hy-site-header__row {

    display: block !important;

  }

  

  /* 1. TOP ROW: Search (Left), Logo (Center), Actions (Right) */

  .hy-site-header__top-row {

    display: grid !important;

    grid-template-columns: 1fr auto 1fr;

    align-items: center;

    padding: 16px 0 8px 0;

  }

  

  /* Hide Mobile Hamburger */

  .hy-site-header__mobile-left {

    display: none !important;

  }

  

  /* Left: Search Bar */

  .hy-site-header__search-wrap {

    display: block;

    justify-self: start;

  }

  

  .hy-site-header__search-form {

    display: flex;

    align-items: center;

    border-bottom: 1px solid rgba(100, 116, 139, 0.3);

    padding-bottom: 4px;

    width: 200px;

    transition: border-color 0.3s ease;

  }

  

  .hy-site-header__search-form:focus-within {

    border-bottom-color: var(--hy-color-tertiary, #c5a059);

  }

  

  .hy-site-header__search-input {

    border: none;

    background: transparent;

    outline: none;

    font-family: "Inter", sans-serif;

    font-size: 13px;

    color: inherit;

    width: 100%;

    padding-left: 8px;

  }

  

  .hy-site-header__search-input::placeholder {

    color: inherit;

    opacity: 0.6;

  }

  

  .hy-site-header__search-submit {

    background: none;

    border: none;

    padding: 0;

    cursor: pointer;

    color: inherit;

    display: flex;

    align-items: center;

  }

  

  .hy-site-header__search-submit svg {

    width: 18px;

    height: 18px;

  }

  

  /* Center: Logo */

  .hy-site-header__brand {

    justify-self: center;

  }

  

  /* Right: Actions */

  .hy-site-header__actions {

    justify-self: end;

    gap: 24px;

  }

  

  .hy-site-header__account-action {

    display: flex;

    align-items: center;

  }

  

  .hy-site-header__account-link {

    display: flex;

    align-items: center;

    gap: 8px;

    text-decoration: none;

    color: inherit;

    font-family: "Inter", sans-serif;

    font-size: 13px;

    font-weight: 500;

    transition: color 0.3s ease;

  }

  

  .hy-site-header__account-text {

    display: inline-block;

  }

  

  /* 2. BOTTOM ROW: Navigation */

  .hy-site-header__bottom-row {

    display: block;

    width: 100%;

    padding: 8px 0 16px 0;

  }

  

  .hy-site-header__nav--desktop {

    display: flex !important;

    justify-content: center;

  }

  

  /* Ensure the hover underline still works correctly */

  .hy-header-nav__list {

    display: flex;

    align-items: center;

    gap: 48px;

    margin: 0;

    padding: 0;

    list-style: none;

  }

  

  /* Transparent State Fixes for new elements */

  .hy-site-header--home:not(.is-scrolled) .hy-site-header__search-form,

  .hy-site-header--home:not(.is-scrolled) .hy-site-header__account-link {

    color: #ffffff !important;

  }

  

  .hy-site-header--home:not(.is-scrolled) .hy-site-header__search-form {

    border-bottom-color: rgba(255,255,255,0.4);

  }

}





/* =============================================================================

   PREMIUM DESKTOP HEADER - GLOBAL COLOR & LOGO SIZING FIXES

   ============================================================================= */

@media (min-width: 1024px) {

  /* This theme uses a dark olive background globally for the header (both inner & scrolled).

     So text MUST be white globally, overriding the previous #1a1a1a. */

  

  .hy-header-nav__list a,

  .hy-site-header__icon-link,

  .hy-site-header__account-link,

  .hy-site-header__account-text,

  .hy-site-header__search-form,

  .hy-site-header__search-input {

    color: #ffffff !important;

  }

  

  .hy-site-header__search-form {

    border-bottom-color: rgba(255, 255, 255, 0.4) !important;

  }

  

  .hy-site-header__search-form:focus-within {

    border-bottom-color: var(--hy-color-tertiary, #c5a059) !important;

  }

  

  .hy-header-nav__list a:hover,

  .hy-site-header__icon-link:hover,

  .hy-site-header__account-link:hover {

    color: var(--hy-color-tertiary, #e3c078) !important;

  }



  /* Fix Logo Shrinking / Disappearing Bug */

  .hy-site-header__brand {

    display: flex;

    align-items: center;

    justify-content: center;

    min-width: 120px;

  }

  

  .hy-site-header__brand-link {

    display: flex !important;

    align-items: center;

    justify-content: center;

  }

  

  .hy-site-header__brand-image {

    width: auto !important;

    height: 100% !important;

    min-height: 45px;

    object-fit: contain;

    /* Maintain a slight drop shadow so the seal pops on dark olive */

    filter: drop-shadow(0 4px 12px rgba(0,0,0,0.3));

  }

}





/* =============================================================================

   PREMIUM DESKTOP HEADER - VERTICAL SPACING OPTIMIZATION

   ============================================================================= */

@media (min-width: 1024px) {

  /* Remove the inherited row paddings that cause double-spacing */

  .hy-site-header__row,

  .hy-site-header__row--home,

  .hy-site-header__row--inner {

    padding-top: 0 !important;

    padding-bottom: 0 !important;

  }

  

  /* Tighten the top row (Logo & Actions) */

  .hy-site-header__top-row {

    padding: 24px 0 16px 0 !important;

  }

  

  /* Tighten the bottom row (Navigation) */

  .hy-site-header__bottom-row {

    padding: 8px 0 20px 0 !important;

  }

  

  /* When scrolled, make it even tighter */

  .hy-site-header.is-scrolled .hy-site-header__top-row {

    padding: 12px 0 8px 0 !important;

  }

  .hy-site-header.is-scrolled .hy-site-header__bottom-row {

    padding: 4px 0 12px 0 !important;

  }

  

  /* Make the logo slightly more compact to save vertical space */

  .hy-site-header__brand-image {

    max-height: 90px !important; 

  }

  .hy-site-header.is-scrolled .hy-site-header__brand-image {

    max-height: 65px !important; 

  }

}





/* =============================================================================

   CHANEL-INSPIRED TWO-ROW PREMIUM DESKTOP HEADER

   ============================================================================= */



/* Glassmorphism & High-Contrast Colors globally for Header */

.hy-site-header {

  background: rgba(61, 73, 40, 0.88) !important;

  backdrop-filter: blur(15px);

  -webkit-backdrop-filter: blur(15px);

  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;

  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;

  transition: all 0.4s ease;

}



@media (min-width: 1024px) {

  

  /* Reset inherited spacing */

  .hy-site-header__row,

  .hy-site-header__row--home,

  .hy-site-header__row--inner {

    padding-top: 0 !important;

    padding-bottom: 0 !important;

  }



  /* 1. TOP ROW: Utility row */

  .hy-site-header__top-row {

    display: grid !important;

    grid-template-columns: 1fr auto 1fr;

    align-items: center;

    padding: 12px 0 10px 0 !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.05);

  }



  /* Left: Minimal Search Bar */

  .hy-site-header__search-wrap {

    display: block;

    justify-self: start;

  }

  

  .hy-site-header__search-form {

    display: flex;

    align-items: center;

    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;

    padding-bottom: 2px;

    width: 160px;

    transition: border-color 0.3s ease;

  }

  

  .hy-site-header__search-form:focus-within {

    border-bottom-color: var(--hy-color-tertiary, #c5a059) !important;

  }

  

  .hy-site-header__search-input {

    border: none;

    background: transparent;

    outline: none;

    font-family: "Inter", sans-serif;

    font-size: 11px !important;

    text-transform: uppercase;

    letter-spacing: 0.12em;

    color: #ffffff !important;

    width: 100%;

    padding-left: 6px;

  }

  

  .hy-site-header__search-input::placeholder {

    color: #ffffff !important;

    opacity: 0.5;

  }

  

  .hy-site-header__search-submit {

    background: none;

    border: none;

    padding: 0;

    cursor: pointer;

    color: #ffffff !important;

    display: flex;

    align-items: center;

  }

  

  .hy-site-header__search-submit svg {

    width: 15px;

    height: 15px;

  }



  /* Center: Logo (scaled for new horizontal logo) */

  .hy-site-header__brand {

    justify-self: center;

    display: flex;

    align-items: center;

    justify-content: center;

  }



  .hy-site-header__brand-link {

    display: flex !important;

    align-items: center;

    justify-content: center;

    height: 38px !important;

  }



  .hy-site-header__brand-image {

    max-height: 38px !important;

    width: auto !important;

    height: 100% !important;

    object-fit: contain;

    transition: max-height 0.4s ease;

    filter: drop-shadow(0 2px 8px rgba(0,0,0,0.15)) !important;

  }



  /* Right: Compact Actions & Typography */

  .hy-site-header__actions {

    justify-self: end;

    display: flex;

    align-items: center;

    gap: 20px;

  }



  .hy-site-header__account-link {

    display: flex;

    align-items: center;

    gap: 6px;

    text-decoration: none;

    color: #ffffff !important;

    font-family: "Inter", sans-serif;

    font-size: 11px !important;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 0.12em;

    transition: color 0.3s ease;

  }



  .hy-site-header__account-link svg {

    width: 15px;

    height: 15px;

  }



  .hy-site-header__icon-link {

    color: #ffffff !important;

    display: flex;

    align-items: center;

    transition: color 0.3s ease, transform 0.3s ease;

  }



  .hy-site-header__icon-link svg {

    width: 16px;

    height: 16px;

  }



  .hy-site-header__icon-link:hover,

  .hy-site-header__account-link:hover {

    color: var(--hy-color-tertiary, #e3c078) !important;

  }



  /* 2. BOTTOM ROW: Navigation */

  .hy-site-header__bottom-row {

    display: block;

    width: 100%;

    padding: 8px 0 8px 0 !important;

  }



  .hy-site-header__nav--desktop {

    display: flex !important;

    justify-content: center;

  }



  .hy-header-nav__list {

    display: flex;

    align-items: center;

    gap: 40px;

    margin: 0;

    padding: 0;

    list-style: none;

  }



  .hy-header-nav__list a {

    font-family: "Inter", sans-serif;

    font-size: 11px !important;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 0.2em !important;

    color: #ffffff !important;

    text-decoration: none;

    padding: 4px 0;

    transition: color 0.3s ease;

  }



  .hy-header-nav__list a::after {

    height: 1px !important; /* Thinner luxury line */

    background-color: var(--hy-color-tertiary, #e3c078) !important;

    bottom: -2px !important;

  }



  .hy-header-nav__list a:hover {

    color: var(--hy-color-tertiary, #e3c078) !important;

  }



  /* Scrolled State Compactness */

  .hy-site-header.is-scrolled {

    background: rgba(61, 73, 40, 0.95) !important;

    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;

  }



  .hy-site-header.is-scrolled .hy-site-header__top-row {

    padding: 8px 0 6px 0 !important;

  }



  .hy-site-header.is-scrolled .hy-site-header__brand-link {

    height: 30px !important;

  }



  .hy-site-header.is-scrolled .hy-site-header__brand-image {

    max-height: 30px !important;

  }



  .hy-site-header.is-scrolled .hy-site-header__bottom-row {

    padding: 4px 0 4px 0 !important;

  }

}





/* =============================================================================

   HOMEPAGE TRANSPARENT HEADER OVERLAY (HERO INTEGRATION)

   ============================================================================= */



/* 1. On homepage by default, make the header transparent so it integrates with the Hero image */

.hy-site-header--home:not(.is-scrolled) {

  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) !important;

  backdrop-filter: none !important;

  -webkit-backdrop-filter: none !important;

  border-bottom: 1px solid transparent !important;

  box-shadow: none !important;

}



/* 2. On homepage when scrolled, show the solid background */

.hy-site-header--home.is-scrolled {

  background: rgba(61, 73, 40, 0.95) !important;

  backdrop-filter: blur(15px) !important;

  -webkit-backdrop-filter: blur(15px) !important;

  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;

  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15) !important;

}



/* 3. On all inner pages, the header always keeps the solid premium look */

.hy-site-header--inner {

  background: rgba(61, 73, 40, 0.95) !important;

  backdrop-filter: blur(15px) !important;

  -webkit-backdrop-filter: blur(15px) !important;

  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;

  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;

}





/* =============================================================================

   HOMEPAGE HEADER SIZE OPTIMIZATION (GRANDER HOMEPAGE HEADER)

   ============================================================================= */

@media (min-width: 1024px) {

  /* On homepage, when NOT scrolled, give more height and let the logo be grander */

  .hy-site-header--home:not(.is-scrolled) .hy-site-header__top-row {

    padding: 24px 0 14px 0 !important;

  }

  

  .hy-site-header--home:not(.is-scrolled) .hy-site-header__brand-link {

    height: 55px !important;

  }

  

  .hy-site-header--home:not(.is-scrolled) .hy-site-header__brand-image {

    max-height: 90px !important;

  }

  

  .hy-site-header--home:not(.is-scrolled) .hy-site-header__bottom-row {

    padding: 10px 0 20px 0 !important;

  }

  

  /* Make the hover lines slightly larger or more spaced on the grand homepage state */

  .hy-site-header--home:not(.is-scrolled) .hy-header-nav__list a {

    font-size: 12px !important;

    letter-spacing: 0.22em !important;

  }

}





/* =============================================================================

   DYNAMIC HOMEPAGE SCROLL ANIMATIONS (LOGO ON SCROLL DOWN, MENU ON SCROLL UP)

   ============================================================================= */

@media (min-width: 1024px) {

  /* Set smooth transition properties on both rows */

  .hy-site-header--home .hy-site-header__top-row,

  .hy-site-header--home .hy-site-header__bottom-row {

    transition: max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1), 

                opacity 0.3s ease, 

                padding 0.4s cubic-bezier(0.25, 1, 0.5, 1),

                border-color 0.3s ease;

    overflow: hidden;

  }



  /* Define base max-height states for the transition */

  .hy-site-header--home .hy-site-header__top-row {

    max-height: 140px;

    opacity: 1;

  }

  

  .hy-site-header--home .hy-site-header__bottom-row {

    max-height: 80px;

    opacity: 1;

  }



  /* --------------------------------------------------

     1. SCROLL DOWN: Show only Logo (Top Row), Hide Menu (Bottom Row)

     -------------------------------------------------- */

  .hy-site-header--home.is-scrolling-down .hy-site-header__bottom-row {

    max-height: 0 !important;

    opacity: 0 !important;

    padding-top: 0 !important;

    padding-bottom: 0 !important;

    pointer-events: none;

  }

  

  .hy-site-header--home.is-scrolling-down .hy-site-header__top-row {

    padding-top: 12px !important;

    padding-bottom: 12px !important;

    border-bottom: none !important;

  }

  

  /* Shrink logo slightly to maximize view space during scroll down */

  .hy-site-header--home.is-scrolling-down .hy-site-header__brand-link {

    height: 32px !important;

  }

  .hy-site-header--home.is-scrolling-down .hy-site-header__brand-image {

    max-height: 32px !important;

  }



  /* --------------------------------------------------

     2. SCROLL UP: Show only Menu (Bottom Row), Hide Logo (Top Row)

     -------------------------------------------------- */

  .hy-site-header--home.is-scrolling-up .hy-site-header__top-row {

    max-height: 0 !important;

    opacity: 0 !important;

    padding-top: 0 !important;

    padding-bottom: 0 !important;

    border-bottom: none !important;

    pointer-events: none;

  }

  

  .hy-site-header--home.is-scrolling-up .hy-site-header__bottom-row {

    padding-top: 10px !important;

    padding-bottom: 10px !important;

  }

  

  /* Maintain hover lines cleanly in the scrolled state */

  .hy-site-header--home.is-scrolling-up .hy-header-nav__list a {

    font-size: 11px !important;

    letter-spacing: 0.2em !important;

  }

}





/* =============================================================================

   PREMIUM ICON UPGRADES & EXPANDING SEARCH EFFECT

   ============================================================================= */



@media (min-width: 1024px) {

  /* Fix Cart Badge Clipping by adding padding to actions block */

  .hy-site-header__actions {

    padding-right: 15px !important;

  }



  /* Make SVGs match the luxury thin styling precisely */

  .hy-site-header__icon {

    width: 18px !important;

    height: 18px !important;

    stroke-width: 1.2px !important;

    transition: transform 0.3s ease, color 0.3s ease;

  }



  /* Interactive expanding search form */

  .hy-site-header__search-form {

    width: 130px !important; /* Start compact */

    transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;

  }

  

  .hy-site-header__search-form:focus-within {

    width: 200px !important; /* Expand on focus */

    border-bottom-color: var(--hy-color-tertiary, #c5a059) !important;

  }

  

  .hy-site-header__search-input {

    font-size: 10px !important;

    letter-spacing: 0.15em !important;

    transition: all 0.3s ease;

  }

}





/* =============================================================================

   HOMEPAGE HEADER ELEMENT SIZING (BALANCED WITH 55PX LOGO)

   ============================================================================= */

@media (min-width: 1024px) {

  /* Only apply slightly larger size on the homepage top transparent state to balance the 55px logo */

  .hy-site-header--home:not(.is-scrolled) .hy-site-header__icon {

    width: 21px !important;

    height: 21px !important;

    stroke-width: 1.3px !important;

  }

  

  .hy-site-header--home:not(.is-scrolled) .hy-site-header__search-form {

    width: 150px !important; /* Slightly wider start */

    padding-bottom: 6px !important;

  }

  

  .hy-site-header--home:not(.is-scrolled) .hy-site-header__search-form:focus-within {

    width: 220px !important;

  }

  

  .hy-site-header--home:not(.is-scrolled) .hy-site-header__search-input {

    font-size: 11px !important;

    letter-spacing: 0.15em !important;

  }

  

  .hy-site-header--home:not(.is-scrolled) .hy-site-header__account-link {

    font-size: 13.5px !important;

    letter-spacing: 0.15em !important;

    gap: 8px !important;

  }

  

  .hy-site-header--home:not(.is-scrolled) .hy-site-header__search-submit svg {

    width: 17px !important;

    height: 17px !important;

  }

}





/* =============================================================================

   PREMIUM INNER PAGES - CONTRAST SPLIT HEADER (DARK TOP / LIGHT BOTTOM)

   ============================================================================= */



@media (min-width: 1024px) {

  /* Layout adjustments for placing container inside rows */

  .hy-site-header__top-row {

    display: block !important;

    background: transparent;

  }

  

  .hy-site-header__top-row-inner {

    display: grid !important;

    grid-template-columns: 1fr auto 1fr;

    align-items: center;

    width: 100%;

  }

}



/* 1. Sadece alt sayfalarda (.hy-site-header--inner) ana header sargısını şeffaf yap */

.hy-site-header--inner {

  background: transparent !important;

  backdrop-filter: none !important;

  -webkit-backdrop-filter: none !important;

  border-bottom: none !important;

  box-shadow: none !important;

}



@media (min-width: 1024px) {

  /* 2. Üst Satır: Koyu Zeytin Yeşili */

  .hy-site-header--inner .hy-site-header__top-row {

    background: rgba(61, 73, 40, 0.98) !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;

  }

  

  /* 3. Alt Satır: Açık Krem Zemin */

  .hy-site-header--inner .hy-site-header__bottom-row {

    background: #faf9f6 !important;

    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;

    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;

  }

  

  /* 4. Alt Satırdaki Menü Yazıları: Koyu Zeytin Yeşili */

  .hy-site-header--inner .hy-site-header__bottom-row .hy-header-nav__list a {

    color: #3d4928 !important;

  }

  

  /* Hover & Alt Çizgi Durumu */

  .hy-site-header--inner .hy-site-header__bottom-row .hy-header-nav__list a::after {

    background-color: var(--hy-color-tertiary, #c5a059) !important;

    height: 1px !important;

  }

  

  .hy-site-header--inner .hy-site-header__bottom-row .hy-header-nav__list a:hover {

    color: var(--hy-color-tertiary, #c5a059) !important;

  }

}





/* =============================================================================

   PREMIUM ANNOUNCEMENT TOPBAR (GOLD BACKGROUND & GREEN TEXT)

   ============================================================================= */

.hy-site-header__topbar {

  background: var(--hy-color-tertiary, #c5a059) !important;

  color: #3d4928 !important;

  border-bottom: 1px solid rgba(61, 73, 40, 0.1) !important;

}



.hy-site-header__topbar-inner {

  color: #3d4928 !important;

  font-weight: 700 !important;

  letter-spacing: 0.15em !important;

  font-size: 10px !important;

}





/* =============================================================================

   PREMIUM INNER PAGES - SPACING & LOGO ENHANCEMENTS (BREATHING SPACE)

   ============================================================================= */

@media (min-width: 1024px) {

  /* Increase inner page logo size */

  .hy-site-header--inner .hy-site-header__brand-link {

    height: 48px !important;

  }

  

  .hy-site-header--inner .hy-site-header__brand-image {

    max-height: 48px !important;

  }



  /* Increase top row vertical padding for luxury breathing space */

  .hy-site-header--inner .hy-site-header__top-row {

    padding-top: 18px !important;

    padding-bottom: 16px !important;

  }

  

  /* Increase bottom row (menu) padding for a more spacious, high-end feel */

  .hy-site-header--inner .hy-site-header__bottom-row {

    padding-top: 18px !important;

    padding-bottom: 18px !important;

  }

  

  /* Slightly enlarge navigation links and increase spacing */

  .hy-site-header--inner .hy-header-nav__list a {

    font-size: 13.5px !important;

    letter-spacing: 0.22em !important;

  }

  

  .hy-site-header--inner .hy-header-nav__list {

    gap: 56px !important;

  }

}





/* =============================================================================

   GLOBAL SCROLL ANIMATIONS FOR ALL HEADERS (LOGO ON DOWN, MENU ON UP)

   ============================================================================= */

@media (min-width: 1024px) {

  /* Set smooth transition properties on both rows for all headers */

  .hy-site-header .hy-site-header__top-row,

  .hy-site-header .hy-site-header__bottom-row {

    transition: max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1), 

                opacity 0.3s ease, 

                padding 0.4s cubic-bezier(0.25, 1, 0.5, 1),

                border-color 0.3s ease;

    overflow: hidden;

  }



  /* Define base max-height states for all page transitions */

  .hy-site-header .hy-site-header__top-row {

    max-height: 140px;

    opacity: 1;

  }

  

  .hy-site-header .hy-site-header__bottom-row {

    max-height: 90px;

    opacity: 1;

  }



  /* --------------------------------------------------

     1. SCROLL DOWN: Show only Logo (Top Row), Hide Menu (Bottom Row)

     -------------------------------------------------- */

  .hy-site-header.is-scrolling-down .hy-site-header__bottom-row {

    max-height: 0 !important;

    opacity: 0 !important;

    padding-top: 0 !important;

    padding-bottom: 0 !important;

    pointer-events: none;

  }

  

  .hy-site-header.is-scrolling-down .hy-site-header__top-row {

    padding-top: 12px !important;

    padding-bottom: 12px !important;

    border-bottom: none !important;

  }

  

  /* Shrink logo slightly to maximize view space during scroll down */

  .hy-site-header.is-scrolling-down .hy-site-header__brand-link {

    height: 32px !important;

  }

  .hy-site-header.is-scrolling-down .hy-site-header__brand-image {

    max-height: 32px !important;

  }



  /* --------------------------------------------------

     2. SCROLL UP: Show only Menu (Bottom Row), Hide Logo (Top Row)

     -------------------------------------------------- */

  .hy-site-header.is-scrolling-up .hy-site-header__top-row {

    max-height: 0 !important;

    opacity: 0 !important;

    padding-top: 0 !important;

    padding-bottom: 0 !important;

    border-bottom: none !important;

    pointer-events: none;

  }

  

  .hy-site-header.is-scrolling-up .hy-site-header__bottom-row {

    padding-top: 10px !important;

    padding-bottom: 10px !important;

  }

  

  /* Maintain hover lines cleanly in the scrolled state */

  .hy-site-header.is-scrolling-up .hy-header-nav__list a {

    font-size: 11.5px !important;

    letter-spacing: 0.2em !important;

  }

}





/* =============================================================================

   PREMIUM MOBILE HEADER OPTIMIZATION (COMPACT CENTERED LOGO)

   ============================================================================= */



@media (max-width: 1023px) {

  /* 1. Hide all utility rows and elements that are already handled by the sticky bottom nav bar */

  .hy-site-header__mobile-left,

  .hy-site-header__search-wrap,

  .hy-site-header__actions,

  .hy-site-header__bottom-row {

    display: none !important;

  }



  /* 2. Center the logo perfectly in the remaining top row */

  .hy-site-header__top-row {

    display: block !important;

    padding: 8px 0 !important;

    background: transparent !important;

    border-bottom: none !important;

  }



  .hy-site-header__top-row-inner {

    display: flex !important;

    justify-content: center !important;

    align-items: center !important;

    width: 100% !important;

  }



  .hy-site-header__brand {

    display: flex !important;

    justify-content: center !important;

    align-items: center !important;

    margin: 0 auto !important;

  }



  .hy-site-header__brand-link {

    display: flex !important;

    align-items: center !important;

    height: 35px !important;

  }



  .hy-site-header__brand-image {

    max-height: 35px !important;

    width: auto !important;

    height: 100% !important;

    object-fit: contain;

    filter: drop-shadow(0 2px 8px rgba(0,0,0,0.2)) !important;

  }

}





/* =============================================================================

   MOBILE HEADER SIZING & STICKY SHRINK OPTIMIZATION

   ============================================================================= */



@media (max-width: 1023px) {

  /* 1. Default (unscrolled) state for all mobile pages: larger logo and spacious padding */

  .hy-site-header__top-row {

    padding: 10px 0 !important;

    transition: padding 0.4s ease !important;

  }

  

  .hy-site-header__brand-link {

    height: 48px !important;

    transition: height 0.4s ease !important;

  }

  

  .hy-site-header__brand-image {

    max-height: 48px !important;

    transition: max-height 0.4s ease !important;

  }

  

  /* 2. Scrolled state: make header extremely thin and shrink logo to save space */

  .hy-site-header.is-scrolled .hy-site-header__top-row,

  .hy-site-header.is-scrolling-down .hy-site-header__top-row,

  .hy-site-header.is-scrolling-up .hy-site-header__top-row {

    padding: 6px 0 !important;

  }

  

  .hy-site-header.is-scrolled .hy-site-header__brand-link,

  .hy-site-header.is-scrolling-down .hy-site-header__brand-link,

  .hy-site-header.is-scrolling-up .hy-site-header__brand-link {

    height: 32px !important;

  }

  

  .hy-site-header.is-scrolled .hy-site-header__brand-image,

  .hy-site-header.is-scrolling-down .hy-site-header__brand-image,

  .hy-site-header.is-scrolling-up .hy-site-header__brand-image {

    max-height: 32px !important;

  }

}





/* =============================================================================

   MOBILE SINGLE PRODUCT PAGE HEADER DESIGN (BACK BUTTON & CART ONLY)

   ============================================================================= */



/* Base hide for back button on desktop */

.hy-site-header__back-btn {

  display: none;

}



@media (max-width: 1023px) {

  /* 1. On regular mobile pages (Home, Category, Cart etc.): Hide back button and top actions (sepet/hesap) */

  body:not(.single-product) .hy-site-header__back-btn,

  body:not(.single-product) .hy-site-header__actions {

    display: none !important;

  }

  

  /* 2. On SINGLE PRODUCT page on mobile: */

  /* Show the back button on the left */

  body.single-product .hy-site-header__back-btn {

    display: flex !important;

    align-items: center;

    justify-content: center;

    color: #ffffff !important;

    position: absolute !important;

    left: 16px !important;

    top: 50% !important;

    transform: translateY(-50%) !important;

    z-index: 10 !important;

    padding: 8px !important;

    margin-left: -8px !important;

  }

  

  /* Show only the Cart actions on the right */

  body.single-product .hy-site-header__actions {

    display: flex !important;

    position: absolute !important;

    right: 16px !important;

    top: 50% !important;

    transform: translateY(-50%) !important;

    z-index: 10 !important;

    padding-right: 0 !important;

  }

  

  /* Hide Account on product page, show only Cart icon */

  body.single-product .hy-site-header__account-action {

    display: none !important;

  }

  

  /* Make top-row-inner relative to hold absolute buttons */

  body.single-product .hy-site-header__top-row-inner {

    position: relative !important;

    min-height: 48px !important; /* Ensure vertical space is consistent */

  }

  

  /* Center the brand logo perfectly */

  body.single-product .hy-site-header__brand {

    margin: 0 auto !important;

  }

}





/* =============================================================================

   MOBILE INNER PAGE HEADER BACKGROUND FIX

   ============================================================================= */

@media (max-width: 1023px) {

  /* On mobile inner pages, give the header a solid dark olive green background.

     This ensures white icons (back button, cart) are visible and matches the desktop top row. */

  .hy-site-header--inner {

    background: rgba(61, 73, 40, 0.98) !important;

    backdrop-filter: blur(15px) !important;

    -webkit-backdrop-filter: blur(15px) !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;

    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;

  }

  

  /* Ensure the text and icons on the mobile inner header are white */

  .hy-site-header--inner .hy-site-header__back-btn,

  .hy-site-header--inner .hy-site-header__icon-link,

  .hy-site-header--inner .hy-site-header__icon {

    color: #ffffff !important;

  }

}





/* =============================================================================

   MOBILE HEADER VISIBILITY & POSITIONING (APP-LIKE SCROLL-AWAY UX)

   ============================================================================= */



@media (max-width: 1023px) {

  /* 1. Hide the top header completely on all mobile pages except Homepage and Product Detail */

  body:not(.home):not(.single-product) .hy-site-header {

    display: none !important;

  }



  /* 2. Remove sticky/fixed behavior on mobile (Header will scroll away naturally) */

  .hy-site-header {

    position: absolute !important;

    transform: none !important;

    transition: none !important;

    box-shadow: none !important;

  }



  /* 3. Homepage Mobile Header: Sits absolutely on top of the hero image and scrolls away */

  body.home .hy-site-header {

    position: absolute !important;

    background: transparent !important;

    border-bottom: none !important;

  }



  /* 4. Product Detail Mobile Header: Sits relatively in the layout flow so content is not covered */

  body.single-product .hy-site-header {

    position: relative !important;

    background: rgba(61, 73, 40, 0.98) !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;

  }

  

  /* Ensure the body or main content wrapper on mobile product page doesn't have double padding */

  body.single-product #content {

    padding-top: 0 !important;

    margin-top: 0 !important;

  }

}





/* =============================================================================

   MOBILE CATEGORY PAGE BACK BUTTON & TITLE ALIGNMENT

   ============================================================================= */



/* Hide by default on desktop */

.hy-shop-archive__back-btn {

  display: none;

}



@media (max-width: 1023px) {

  /* Flex container layout for back button and title */

  .hy-shop-archive__head-left {

    display: flex !important;

    align-items: center !important;

    gap: 14px !important;

    width: 100% !important;

    margin-bottom: 16px !important;

  }



  /* Display back button on mobile */

  .hy-shop-archive__back-btn {

    display: flex !important;

    align-items: center;

    justify-content: center;

    color: #3d4928 !important; /* Brand dark olive green */

    background: #faf9f6 !important; /* Soft cream round badge background */

    width: 36px !important;

    height: 36px !important;

    border-radius: 50% !important;

    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;

    border: 1px solid rgba(61, 73, 40, 0.1) !important;

    transition: opacity 0.2s ease, transform 0.2s ease !important;

    flex-shrink: 0 !important;

  }



  .hy-shop-archive__back-btn:active {

    transform: scale(0.95);

    opacity: 0.8;

  }



  .hy-shop-archive__back-btn svg {

    width: 18px !important;

    height: 18px !important;

    stroke-width: 2px !important;

  }



  /* Align category title cleanly next to back button */

  .hy-shop-archive__title {

    margin: 0 !important;

    font-size: 20px !important;

    font-weight: 700 !important;

    color: #3d4928 !important;

  }

  

  .hy-shop-archive__head {

    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;

    padding-bottom: 12px !important;

    margin-bottom: 20px !important;

  }

}





/* =============================================================================

   MOBILE CATEGORY PAGE - COMPACT SPLIT LAYOUT (LEFT ICON / RIGHT TITLE)

   ============================================================================= */



@media (max-width: 1023px) {

  /* Distribute items to the far left and far right */

  .hy-shop-archive__head-left {

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important; /* Push back button left, title right */

    width: 100% !important;

    margin-bottom: 14px !important;

  }



  /* Wrap category title and product count */

  .hy-shop-archive__title-wrap {

    display: flex !important;

    align-items: center !important;

    gap: 8px !important;

    justify-content: flex-end !important;

    flex-grow: 1 !important;

  }



  /* Shrink back button circle on mobile */

  .hy-shop-archive__back-btn {

    width: 30px !important;

    height: 30px !important;

    background: #faf9f6 !important;

    border: 1px solid rgba(61, 73, 40, 0.1) !important;

    box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important;

  }



  /* Shrink back button SVG arrow size */

  .hy-shop-archive__back-btn svg {

    width: 14px !important;

    height: 14px !important;

    stroke-width: 2.2px !important;

  }



  /* Shrink category title font size */

  .hy-shop-archive__title {

    font-size: 16px !important;

    font-weight: 700 !important;

    color: #3d4928 !important;

    margin: 0 !important;

  }



  /* Slightly shrink the product count badge text size */

  .hy-shop-archive__count {

    font-size: 11px !important;

    padding: 2px 6px !important;

    margin-left: 2px !important;

  }

}





/* =============================================================================

   MOBILE CATEGORY PAGE - VERTICAL SPACING COMPACTNESS

   ============================================================================= */



@media (max-width: 1023px) {

  /* Hide breadcrumb wrap to eliminate empty top padding */

  .hy-shop-archive__breadcrumb-wrap {

    display: none !important;

  }



  /* Reduce top margin of the archive layout */

  .hy-shop-archive__layout {

    margin-top: 12px !important;

    gap: 16px !important; /* Tighten grid gaps on mobile */

  }



  /* Reduce spacing around the header row wrapper */

  .hy-shop-archive__head {

    padding-bottom: 8px !important;

    margin-bottom: 14px !important;

    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;

  }



  /* Eliminate margin on the inner flex wrapper */

  .hy-shop-archive__head-left {

    margin-bottom: 0 !important;

  }

}





/* =============================================================================

   HERITAGE BRANDING LABEL ("1926'DAN BERİ" / "EST. 1926")

   ============================================================================= */



/* 1. Global / Desktop styles */

.hy-shop-archive__title-wrap {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

}



.hy-shop-archive__title-row {

  display: flex;

  align-items: center;

  gap: 10px;

}



.hy-shop-archive__heritage-label {

  font-family: "Inter", sans-serif;

  font-size: 9px;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.25em;

  color: var(--hy-color-tertiary, #c5a059);

  margin-bottom: 4px;

  line-height: 1;

}



/* 2. Mobile Specific styles */

@media (max-width: 1023px) {

  /* Right-align the entire text block on mobile to match the right-aligned layout */

  .hy-shop-archive__title-wrap {

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-end !important;

    justify-content: center !important;

  }

  

  .hy-shop-archive__title-row {

    display: flex !important;

    align-items: center !important;

    gap: 8px !important;

  }



  .hy-shop-archive__heritage-label {

    font-size: 7.5px !important;

    letter-spacing: 0.22em !important;

    margin-bottom: 2px !important;

  }

}



/* ==========================================================================
   PRODUCT REVIEWS WIDGET STYLING
   ========================================================================== */
.hy-pdp-reviews {
  width: 100%;
  background: #ffffff;
  border: 1px solid rgba(61, 73, 40, 0.08);
  border-radius: 24px;
  padding: 24px;
  box-shadow: 0 10px 30px rgba(61, 73, 40, 0.03);
  margin-top: 0;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .hy-pdp-reviews {
    padding: 40px;
  }
}

.hy-pdp-reviews__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
}

.hy-pdp-reviews__title {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  color: var(--hy-color-primary);
}

.hy-pdp-reviews__summary-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}

.hy-pdp-reviews__average-num {
  font-size: 28px;
  font-weight: 800;
  color: var(--hy-color-primary);
  line-height: 1;
}

.hy-pdp-reviews__stars-wrap {
  color: var(--hy-color-tertiary);
  display: flex;
  font-size: 18px;
  letter-spacing: -1px;
}

.hy-pdp-reviews__stars-wrap .star-empty {
  color: #d1d5db;
}

.hy-pdp-reviews__total-count {
  font-size: 13px;
  color: #6b7280;
  font-weight: 500;
}

.hy-pdp-reviews__add-btn {
  background: var(--hy-color-primary);
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  border-radius: 99px;
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(61, 73, 40, 0.15);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.hy-pdp-reviews__add-btn:hover {
  background: var(--hy-color-tertiary);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(197, 160, 89, 0.3);
}

.hy-pdp-reviews__add-btn svg {
  width: 16px;
  height: 16px;
}

.hy-pdp-reviews__distribution {
  max-width: 320px;
  margin-bottom: 32px;
}

.hy-pdp-reviews__dist-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 600;
  color: var(--hy-color-primary);
}

.hy-pdp-reviews__dist-stars {
  width: 24px;
  text-align: right;
  opacity: 0.8;
}

.hy-pdp-reviews__dist-bar {
  flex: 1;
  height: 6px;
  background: #f3f4f6;
  border-radius: 99px;
  overflow: hidden;
}

.hy-pdp-reviews__dist-fill {
  height: 100%;
  background: var(--hy-color-primary);
  border-radius: 99px;
}

.hy-pdp-reviews__dist-count {
  width: 16px;
  color: #9ca3af;
  text-align: left;
}

.hy-pdp-reviews__filters {
  display: flex;
  gap: 8px;
  margin-bottom: 24px;
}

.hy-pdp-reviews__filter-tag {
  background: #ffffff;
  color: var(--hy-color-primary);
  border: 1px solid rgba(61, 73, 40, 0.1);
  padding: 8px 16px;
  border-radius: 99px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.hy-pdp-reviews__filter-tag:hover {
  border-color: var(--hy-color-primary);
}

.hy-pdp-reviews__filter-tag.is-active {
  background: var(--hy-color-primary);
  color: #ffffff;
  border-color: var(--hy-color-primary);
}

.hy-pdp-reviews__carousel-wrapper {
  position: relative;
  margin: 0 -16px 20px;
  padding: 0 16px;
}

.hy-pdp-reviews__carousel {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 8px 0;
  scroll-behavior: smooth;
}

.hy-pdp-reviews__carousel::-webkit-scrollbar {
  display: none;
}

.hy-pdp-reviews__card {
  flex: 0 0 85%;
  scroll-snap-align: start;
  background: #ffffff;
  border: 1px solid rgba(61, 73, 40, 0.06);
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 4px 20px rgba(61, 73, 40, 0.02);
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-sizing: border-box;
}

.hy-pdp-reviews__card-head {
  display: flex;
  align-items: center;
  gap: 12px;
}

.hy-pdp-reviews__avatar {
  width: 42px;
  height: 42px;
  background: #f4f6f0;
  color: var(--hy-color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 15px;
}

.hy-pdp-reviews__author-info {
  display: flex;
  flex-direction: column;
}

.hy-pdp-reviews__author-name {
  margin: 0;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--hy-color-primary);
}

.hy-pdp-reviews__card-stars {
  color: var(--hy-color-tertiary);
  font-size: 11px;
  letter-spacing: -0.5px;
}

.hy-pdp-reviews__card-stars .star-empty {
  color: #d1d5db;
}

.hy-pdp-reviews__comment {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: #4b5563;
  flex: 1;
}

.hy-pdp-reviews__attached-wrap {
  width: 72px;
  height: 72px;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #f3f4f6;
  margin-top: 4px;
}

.hy-pdp-reviews__attached-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.25s ease;
}

.hy-pdp-reviews__attached-img:hover {
  transform: scale(1.08);
}

.hy-pdp-reviews__reply {
  background: #f4f6f0;
  border-left: 3px solid var(--hy-color-primary);
  padding: 12px 16px;
  border-radius: 12px;
  margin-top: 8px;
}

.hy-pdp-reviews__reply-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  font-weight: 800;
  color: var(--hy-color-primary);
  letter-spacing: 0.05em;
  margin-bottom: 6px;
}

.hy-pdp-reviews__reply-badge svg {
  width: 12px;
  height: 12px;
}

.hy-pdp-reviews__reply-text {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: #4b5563;
}

.hy-pdp-reviews__card-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid #f9fafb;
}

.hy-pdp-reviews__date {
  font-size: 11px;
  color: #9ca3af;
}

.hy-pdp-reviews__like-btn {
  background: transparent;
  border: 1px solid rgba(61, 73, 40, 0.12);
  border-radius: 99px;
  padding: 4px 12px;
  font-size: 11px;
  font-weight: 600;
  color: #4b5563;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.hy-pdp-reviews__like-btn svg {
  width: 12px;
  height: 12px;
  transition: transform 0.2s ease;
}

.hy-pdp-reviews__like-btn:hover {
  border-color: var(--hy-color-primary);
  color: var(--hy-color-primary);
}

.hy-pdp-reviews__like-btn.is-liked {
  background: #f4f6f0;
  color: var(--hy-color-primary);
  border-color: var(--hy-color-primary);
}

.hy-pdp-reviews__like-btn.is-liked svg {
  fill: #e11d48;
  stroke: #e11d48;
  transform: scale(1.1);
}

.hy-pdp-reviews__arrow {
  display: none;
}

.hy-pdp-reviews__dots {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 12px;
}

.hy-pdp-reviews__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d1d5db;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: all 0.25s ease;
}

.hy-pdp-reviews__dot.is-active {
  background: var(--hy-color-primary);
  width: 16px;
  border-radius: 4px;
}

.hy-pdp-reviews__all-wrap {
  text-align: center;
  margin-top: 16px;
}

.hy-pdp-reviews__all-btn {
  background: transparent;
  border: 1px solid rgba(61, 73, 40, 0.15);
  color: var(--hy-color-primary);
  padding: 10px 24px;
  border-radius: 99px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.25s ease;
}

.hy-pdp-reviews__all-btn:hover {
  background: var(--hy-color-primary);
  color: #ffffff;
  border-color: var(--hy-color-primary);
}

/* Modal Popup Reviews Form */
.hy-pdp-reviews-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.hy-pdp-reviews-modal.is-active {
  opacity: 1;
  pointer-events: auto;
}

.hy-pdp-reviews-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(37, 45, 24, 0.4);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.hy-pdp-reviews-modal__dialog {
  position: relative;
  z-index: 1;
  width: calc(100% - 32px);
  max-width: 480px;
  background: #ffffff;
  border-radius: 24px;
  padding: 24px;
  box-shadow: var(--hy-shadow-lg);
  max-height: 85vh;
  overflow-y: auto;
}

.hy-pdp-reviews-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  border-bottom: 1px solid #f3f4f6;
  padding-bottom: 12px;
}

.hy-pdp-reviews-modal__title {
  margin: 0;
  font-family: "Noto Serif", serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--hy-color-primary);
}

.hy-pdp-reviews-modal__close {
  background: transparent;
  border: none;
  font-size: 24px;
  color: var(--hy-color-primary);
  cursor: pointer;
  line-height: 1;
  padding: 4px;
}

.hy-review-form__group {
  margin-bottom: 16px;
  text-align: left;
}

.hy-review-form__label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: var(--hy-color-primary);
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.hy-review-form__input,
.hy-review-form__textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid rgba(61, 73, 40, 0.12);
  border-radius: 12px;
  background: #faf9f6;
  font-family: Inter, sans-serif;
  font-size: 13px;
  color: var(--hy-color-primary);
  outline: none;
  transition: all 0.2s ease;
}

.hy-review-form__input:focus,
.hy-review-form__textarea:focus {
  border-color: var(--hy-color-tertiary);
  background: #ffffff;
}

.hy-review-form__rating-selector {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 4px;
}

.hy-review-form__rating-selector input {
  display: none;
}

.hy-review-form__rating-selector label {
  font-size: 28px;
  color: #d1d5db;
  cursor: pointer;
  transition: color 0.15s ease;
}

.hy-review-form__rating-selector label:hover,
.hy-review-form__rating-selector label:hover ~ label,
.hy-review-form__rating-selector input:checked ~ label {
  color: var(--hy-color-tertiary);
}

.hy-review-form__file {
  width: 100%;
  font-size: 12px;
  color: var(--hy-color-muted);
}

.hy-review-form__help {
  display: block;
  font-size: 11px;
  color: var(--hy-color-muted);
  margin-top: 4px;
}

.hy-review-form__feedback {
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 16px;
}

.hy-review-form__feedback.success {
  background: #f0fdf4;
  color: #16a34a;
  border: 1px solid #bbf7d0;
}

.hy-review-form__feedback.error {
  background: #fef2f2;
  color: #dc2626;
  border: 1px solid #fecaca;
}

.hy-review-form__feedback.is-hidden {
  display: none;
}

.hy-review-form__submit-btn {
  width: 100%;
  background: var(--hy-color-primary);
  color: #ffffff;
  border: none;
  padding: 14px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  cursor: pointer;
  transition: all 0.25s ease;
}

.hy-review-form__submit-btn:hover {
  background: var(--hy-color-tertiary);
}

/* Lightbox Image Preview Modal */
.hy-pdp-reviews-lightbox {
  position: fixed;
  inset: 0;
  z-index: 10010;
  background: rgba(0, 0, 0, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.hy-pdp-reviews-lightbox.is-active {
  opacity: 1;
  pointer-events: auto;
}

.hy-pdp-reviews-lightbox__content {
  max-width: 90vw;
  max-height: 90vh;
}

.hy-pdp-reviews-lightbox__content img {
  max-width: 100%;
  max-height: 90vh;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

@media (min-width: 768px) {
  .hy-pdp-reviews {
    margin-top: 64px;
    padding-top: 48px;
  }

  .hy-pdp-reviews__header {
    margin-bottom: 32px;
  }

  .hy-pdp-reviews__card {
    flex: 0 0 320px;
  }

  .hy-pdp-reviews__carousel-wrapper {
    margin: 0;
    padding: 0;
  }

  .hy-pdp-reviews__arrow {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid rgba(61, 73, 40, 0.12);
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: var(--hy-shadow-sm);
    z-index: 10;
    transition: all 0.25s ease;
  }

  .hy-pdp-reviews__arrow svg {
    width: 18px;
    height: 18px;
    color: var(--hy-color-primary);
  }

  .hy-pdp-reviews__arrow:hover {
    background: var(--hy-color-primary);
    border-color: var(--hy-color-primary);
  }

  .hy-pdp-reviews__arrow:hover svg {
    color: #ffffff;
  }

  .hy-pdp-reviews__arrow--right {
    right: -20px;
  }

  .hy-pdp-reviews__arrow--left {
    left: -20px;
  }

  .hy-pdp-reviews__arrow.is-hidden {
    display: none;
  }
}


/* Reviews container alignment wrapper */
.hy-pdp__reviews-wrap {
  width: 100%;
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 16px;
  padding-left: 16px;
  margin-top: 40px;
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .hy-pdp__reviews-wrap {
    padding-right: 32px;
    padding-left: 32px;
  }
}


/* ==========================================================================
   MODERN 3-COLUMN REVIEWS GRID & TYPOGRAPHY OVERRIDES
   ========================================================================== */
.hy-pdp-reviews__main-title {
  margin: 0 0 24px;
  font-family: "Noto Serif", serif;
  font-size: 26px;
  font-weight: 700;
  color: var(--hy-color-primary);
}

.hy-pdp-reviews__top-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  margin-bottom: 32px;
  align-items: stretch;
}

/* Column 1: Score Card */
.hy-pdp-reviews__score-card {
  background: #f4f6f0;
  border: 1px solid rgba(61, 73, 40, 0.05);
  border-radius: 18px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow: inset 0 1px 3px rgba(61, 73, 40, 0.02);
}

.hy-pdp-reviews__score-val {
  font-size: 52px;
  font-weight: 800;
  color: var(--hy-color-primary);
  line-height: 1;
  letter-spacing: -1px;
}

.hy-pdp-reviews__stars-row {
  color: var(--hy-color-tertiary);
  display: flex;
  font-size: 22px;
  margin: 12px 0 6px;
  letter-spacing: -0.5px;
}

.hy-pdp-reviews__stars-row .star-empty {
  color: #d1d5db;
}

.hy-pdp-reviews__count-label {
  font-size: 13px;
  color: #6b7280;
  font-weight: 600;
}

.hy-pdp-reviews__badge-label {
  display: inline-flex;
  align-items: center;
  background: #ffffff;
  color: #16a34a;
  border-radius: 99px;
  padding: 6px 14px;
  font-size: 11px;
  font-weight: 700;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  margin-top: 14px;
  border: 1px solid rgba(22, 163, 74, 0.08);
}

/* Column 2: Distribution Chart overrides */
.hy-pdp-reviews__distribution {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #ffffff;
  border: 1px solid rgba(61, 73, 40, 0.05);
  border-radius: 18px;
  padding: 24px;
  box-shadow: 0 4px 15px rgba(61, 73, 40, 0.01);
}

/* Column 3: Call to Action Card */
.hy-pdp-reviews__cta-card {
  background: #faf9f6;
  border: 1px dashed rgba(61, 73, 40, 0.15);
  border-radius: 18px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.hy-pdp-reviews__cta-title {
  margin: 0 0 8px;
  font-family: "Noto Serif", serif;
  font-size: 17px;
  font-weight: 700;
  color: var(--hy-color-primary);
}

.hy-pdp-reviews__cta-text {
  margin: 0 0 16px;
  font-size: 12px;
  line-height: 1.6;
  color: #6b7280;
  max-width: 240px;
}

/* Enlarged typography & modern card overlays */
.hy-pdp-reviews__card {
  flex: 0 0 85%;
  padding: 28px !important;
  border: 1px solid rgba(61, 73, 40, 0.08) !important;
  box-shadow: 0 4px 20px rgba(61, 73, 40, 0.01) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.hy-pdp-reviews__card:hover {
  transform: translateY(-4px);
  border-color: var(--hy-color-tertiary) !important;
  box-shadow: 0 12px 30px rgba(61, 73, 40, 0.06) !important;
}

.hy-pdp-reviews__comment {
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: #374151 !important;
}

.hy-pdp-reviews__author-name {
  font-size: 14.5px !important;
}

.hy-pdp-reviews__date,
.hy-pdp-reviews__like-btn {
  font-size: 12px !important;
}

@media (min-width: 768px) {
  .hy-pdp-reviews__top-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .hy-pdp-reviews__cta-card {
    grid-column: span 2;
    flex-direction: row;
    gap: 32px;
    text-align: left;
    justify-content: space-between;
    padding: 32px;
  }
  
  .hy-pdp-reviews__cta-card .hy-pdp-reviews__cta-text {
    margin-bottom: 0;
    max-width: none;
  }
  
  .hy-pdp-reviews__card {
    flex: 0 0 350px !important; /* Slightly wider cards on tablet/desktop */
  }
}

@media (min-width: 1024px) {
  .hy-pdp-reviews__main-title {
    font-size: 30px;
  }

  .hy-pdp-reviews__top-grid {
    grid-template-columns: 1fr 1.2fr 1fr;
    gap: 24px;
  }
  
  .hy-pdp-reviews__cta-card {
    grid-column: span 1;
    flex-direction: column;
    gap: 0;
    text-align: center;
    justify-content: center;
    padding: 24px;
  }
  
  .hy-pdp-reviews__cta-card .hy-pdp-reviews__cta-text {
    margin-bottom: 16px;
    max-width: 240px;
  }

  .hy-pdp-reviews__card {
    flex: 0 0 360px !important; /* Premium wide cards on desktop */
  }
}


/* =============================================================================
   PREMIUM 2-ROW DESKTOP HEADER (SPLIT-ROW LAYOUT)
   ============================================================================= */

/* Mobile Fallback: Hide search bar and desktop nav */
.hy-site-header__search-wrap,
.hy-site-header__nav--desktop,
.hy-site-header__account-text {
  display: none;
}

.hy-site-header__top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.hy-site-header__actions {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* DESKTOP 2-ROW LAYOUT (min-width: 1024px) */
@media (min-width: 1024px) {
  
  /* Reset container layout */
  .hy-site-header__row {
    display: block !important;
  }
  
  /* 1. TOP ROW: Search (Left), Logo (Center), Actions (Right) */
  .hy-site-header__top-row {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    padding: 16px 0 8px 0;
  }
  
  /* Hide Mobile Hamburger */
  .hy-site-header__mobile-left {
    display: none !important;
  }
  
  /* Left: Search Bar */
  .hy-site-header__search-wrap {
    display: block;
    justify-self: start;
  }
  
  .hy-site-header__search-form {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(100, 116, 139, 0.3);
    padding-bottom: 4px;
    width: 200px;
    transition: border-color 0.3s ease;
  }
  
  .hy-site-header__search-form:focus-within {
    border-bottom-color: var(--hy-color-tertiary, #c5a059);
  }
  
  .hy-site-header__search-input {
    border: none;
    background: transparent;
    outline: none;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    color: inherit;
    width: 100%;
    padding-left: 8px;
  }
  
  .hy-site-header__search-input::placeholder {
    color: inherit;
    opacity: 0.6;
  }
  
  .hy-site-header__search-submit {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: inherit;
    display: flex;
    align-items: center;
  }
  
  .hy-site-header__search-submit svg {
    width: 18px;
    height: 18px;
  }
  
  /* Center: Logo */
  .hy-site-header__brand {
    justify-self: center;
  }
  
  /* Right: Actions */
  .hy-site-header__actions {
    justify-self: end;
    gap: 24px;
  }
  
  .hy-site-header__account-action {
    display: flex;
    align-items: center;
  }
  
  .hy-site-header__account-link {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: inherit;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-weight: 500;
    transition: color 0.3s ease;
  }
  
  .hy-site-header__account-text {
    display: inline-block;
  }
  
  /* 2. BOTTOM ROW: Navigation */
  .hy-site-header__bottom-row {
    display: block;
    width: 100%;
    padding: 8px 0 16px 0;
  }
  
  .hy-site-header__nav--desktop {
    display: flex !important;
    justify-content: center;
  }
  
  /* Ensure the hover underline still works correctly */
  .hy-header-nav__list {
    display: flex;
    align-items: center;
    gap: 48px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  /* Transparent State Fixes for new elements */
  .hy-site-header--home:not(.is-scrolled) .hy-site-header__search-form,
  .hy-site-header--home:not(.is-scrolled) .hy-site-header__account-link {
    color: #ffffff !important;
  }
  
  .hy-site-header--home:not(.is-scrolled) .hy-site-header__search-form {
    border-bottom-color: rgba(255,255,255,0.4);
  }
}


/* =============================================================================
   PREMIUM DESKTOP HEADER - GLOBAL COLOR & LOGO SIZING FIXES
   ============================================================================= */
@media (min-width: 1024px) {
  /* This theme uses a dark olive background globally for the header (both inner & scrolled).
     So text MUST be white globally, overriding the previous #1a1a1a. */
  
  .hy-header-nav__list a,
  .hy-site-header__icon-link,
  .hy-site-header__account-link,
  .hy-site-header__account-text,
  .hy-site-header__search-form,
  .hy-site-header__search-input {
    color: #ffffff !important;
  }
  
  .hy-site-header__search-form {
    border-bottom-color: rgba(255, 255, 255, 0.4) !important;
  }
  
  .hy-site-header__search-form:focus-within {
    border-bottom-color: var(--hy-color-tertiary, #c5a059) !important;
  }
  
  .hy-header-nav__list a:hover,
  .hy-site-header__icon-link:hover,
  .hy-site-header__account-link:hover {
    color: var(--hy-color-tertiary, #e3c078) !important;
  }

  /* Fix Logo Shrinking / Disappearing Bug */
  .hy-site-header__brand {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
  }
  
  .hy-site-header__brand-link {
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  
  .hy-site-header__brand-image {
    width: auto !important;
    height: 100% !important;
    min-height: 45px;
    object-fit: contain;
    /* Maintain a slight drop shadow so the seal pops on dark olive */
    filter: drop-shadow(0 4px 12px rgba(0,0,0,0.3));
  }
}


/* =============================================================================
   PREMIUM DESKTOP HEADER - VERTICAL SPACING OPTIMIZATION
   ============================================================================= */
@media (min-width: 1024px) {
  /* Remove the inherited row paddings that cause double-spacing */
  .hy-site-header__row,
  .hy-site-header__row--home,
  .hy-site-header__row--inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  
  /* Tighten the top row (Logo & Actions) */
  .hy-site-header__top-row {
    padding: 24px 0 16px 0 !important;
  }
  
  /* Tighten the bottom row (Navigation) */
  .hy-site-header__bottom-row {
    padding: 8px 0 20px 0 !important;
  }
  
  /* When scrolled, make it even tighter */
  .hy-site-header.is-scrolled .hy-site-header__top-row {
    padding: 12px 0 8px 0 !important;
  }
  .hy-site-header.is-scrolled .hy-site-header__bottom-row {
    padding: 4px 0 12px 0 !important;
  }
  
  /* Make the logo slightly more compact to save vertical space */
  .hy-site-header__brand-image {
    max-height: 90px !important; 
  }
  .hy-site-header.is-scrolled .hy-site-header__brand-image {
    max-height: 65px !important; 
  }
}


/* =============================================================================
   CHANEL-INSPIRED TWO-ROW PREMIUM DESKTOP HEADER
   ============================================================================= */

/* Glassmorphism & High-Contrast Colors globally for Header */
.hy-site-header {
  background: rgba(61, 73, 40, 0.88) !important;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.4s ease;
}

@media (min-width: 1024px) {
  
  /* Reset inherited spacing */
  .hy-site-header__row,
  .hy-site-header__row--home,
  .hy-site-header__row--inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* 1. TOP ROW: Utility row */
  .hy-site-header__top-row {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    padding: 12px 0 10px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }

  /* Left: Minimal Search Bar */
  .hy-site-header__search-wrap {
    display: block;
    justify-self: start;
  }
  
  .hy-site-header__search-form {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
    padding-bottom: 2px;
    width: 160px;
    transition: border-color 0.3s ease;
  }
  
  .hy-site-header__search-form:focus-within {
    border-bottom-color: var(--hy-color-tertiary, #c5a059) !important;
  }
  
  .hy-site-header__search-input {
    border: none;
    background: transparent;
    outline: none;
    font-family: "Inter", sans-serif;
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #ffffff !important;
    width: 100%;
    padding-left: 6px;
  }
  
  .hy-site-header__search-input::placeholder {
    color: #ffffff !important;
    opacity: 0.5;
  }
  
  .hy-site-header__search-submit {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: #ffffff !important;
    display: flex;
    align-items: center;
  }
  
  .hy-site-header__search-submit svg {
    width: 15px;
    height: 15px;
  }

  /* Center: Logo (scaled for new horizontal logo) */
  .hy-site-header__brand {
    justify-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .hy-site-header__brand-link {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 38px !important;
  }

  .hy-site-header__brand-image {
    max-height: 38px !important;
    width: auto !important;
    height: 100% !important;
    object-fit: contain;
    transition: max-height 0.4s ease;
    filter: drop-shadow(0 2px 8px rgba(0,0,0,0.15)) !important;
  }

  /* Right: Compact Actions & Typography */
  .hy-site-header__actions {
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .hy-site-header__account-link {
    display: flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: #ffffff !important;
    font-family: "Inter", sans-serif;
    font-size: 11px !important;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    transition: color 0.3s ease;
  }

  .hy-site-header__account-link svg {
    width: 15px;
    height: 15px;
  }

  .hy-site-header__icon-link {
    color: #ffffff !important;
    display: flex;
    align-items: center;
    transition: color 0.3s ease, transform 0.3s ease;
  }

  .hy-site-header__icon-link svg {
    width: 16px;
    height: 16px;
  }

  .hy-site-header__icon-link:hover,
  .hy-site-header__account-link:hover {
    color: var(--hy-color-tertiary, #e3c078) !important;
  }

  /* 2. BOTTOM ROW: Navigation */
  .hy-site-header__bottom-row {
    display: block;
    width: 100%;
    padding: 8px 0 8px 0 !important;
  }

  .hy-site-header__nav--desktop {
    display: flex !important;
    justify-content: center;
  }

  .hy-header-nav__list {
    display: flex;
    align-items: center;
    gap: 40px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .hy-header-nav__list a {
    font-family: "Inter", sans-serif;
    font-size: 11px !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.2em !important;
    color: #ffffff !important;
    text-decoration: none;
    padding: 4px 0;
    transition: color 0.3s ease;
  }

  .hy-header-nav__list a::after {
    height: 1px !important; /* Thinner luxury line */
    background-color: var(--hy-color-tertiary, #e3c078) !important;
    bottom: -2px !important;
  }

  .hy-header-nav__list a:hover {
    color: var(--hy-color-tertiary, #e3c078) !important;
  }

  /* Scrolled State Compactness */
  .hy-site-header.is-scrolled {
    background: rgba(61, 73, 40, 0.95) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
  }

  .hy-site-header.is-scrolled .hy-site-header__top-row {
    padding: 8px 0 6px 0 !important;
  }

  .hy-site-header.is-scrolled .hy-site-header__brand-link {
    height: 30px !important;
  }

  .hy-site-header.is-scrolled .hy-site-header__brand-image {
    max-height: 30px !important;
  }

  .hy-site-header.is-scrolled .hy-site-header__bottom-row {
    padding: 4px 0 4px 0 !important;
  }
}


/* =============================================================================
   HOMEPAGE TRANSPARENT HEADER OVERLAY (HERO INTEGRATION)
   ============================================================================= */

/* 1. On homepage by default, make the header transparent so it integrates with the Hero image */
.hy-site-header--home:not(.is-scrolled) {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 1px solid transparent !important;
  box-shadow: none !important;
}

/* 2. On homepage when scrolled, show the solid background */
.hy-site-header--home.is-scrolled {
  background: rgba(61, 73, 40, 0.95) !important;
  backdrop-filter: blur(15px) !important;
  -webkit-backdrop-filter: blur(15px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15) !important;
}

/* 3. On all inner pages, the header always keeps the solid premium look */
.hy-site-header--inner {
  background: rgba(61, 73, 40, 0.95) !important;
  backdrop-filter: blur(15px) !important;
  -webkit-backdrop-filter: blur(15px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
}


/* =============================================================================
   HOMEPAGE HEADER SIZE OPTIMIZATION (GRANDER HOMEPAGE HEADER)
   ============================================================================= */
@media (min-width: 1024px) {
  /* On homepage, when NOT scrolled, give more height and let the logo be grander */
  .hy-site-header--home:not(.is-scrolled) .hy-site-header__top-row {
    padding: 24px 0 14px 0 !important;
  }
  
  .hy-site-header--home:not(.is-scrolled) .hy-site-header__brand-link {
    height: 55px !important;
  }
  
  .hy-site-header--home:not(.is-scrolled) .hy-site-header__brand-image {
    max-height: 55px !important;
  }
  
  .hy-site-header--home:not(.is-scrolled) .hy-site-header__bottom-row {
    padding: 10px 0 20px 0 !important;
  }
  
  /* Make the hover lines slightly larger or more spaced on the grand homepage state */
  .hy-site-header--home:not(.is-scrolled) .hy-header-nav__list a {
    font-size: 12px !important;
    letter-spacing: 0.22em !important;
  }
}


/* =============================================================================
   DYNAMIC HOMEPAGE SCROLL ANIMATIONS (LOGO ON SCROLL DOWN, MENU ON SCROLL UP)
   ============================================================================= */
@media (min-width: 1024px) {
  /* Set smooth transition properties on both rows */
  .hy-site-header--home .hy-site-header__top-row,
  .hy-site-header--home .hy-site-header__bottom-row {
    transition: max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1), 
                opacity 0.3s ease, 
                padding 0.4s cubic-bezier(0.25, 1, 0.5, 1),
                border-color 0.3s ease;
    overflow: hidden;
  }

  /* Define base max-height states for the transition */
  .hy-site-header--home .hy-site-header__top-row {
    max-height: 140px;
    opacity: 1;
  }
  
  .hy-site-header--home .hy-site-header__bottom-row {
    max-height: 80px;
    opacity: 1;
  }

  /* --------------------------------------------------
     1. SCROLL DOWN: Show only Logo (Top Row), Hide Menu (Bottom Row)
     -------------------------------------------------- */
  .hy-site-header--home.is-scrolling-down .hy-site-header__bottom-row {
    max-height: 0 !important;
    opacity: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    pointer-events: none;
  }
  
  .hy-site-header--home.is-scrolling-down .hy-site-header__top-row {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    border-bottom: none !important;
  }
  
  /* Shrink logo slightly to maximize view space during scroll down */
  .hy-site-header--home.is-scrolling-down .hy-site-header__brand-link {
    height: 32px !important;
  }
  .hy-site-header--home.is-scrolling-down .hy-site-header__brand-image {
    max-height: 32px !important;
  }

  /* --------------------------------------------------
     2. SCROLL UP: Show only Menu (Bottom Row), Hide Logo (Top Row)
     -------------------------------------------------- */
  .hy-site-header--home.is-scrolling-up .hy-site-header__top-row {
    max-height: 0 !important;
    opacity: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
    pointer-events: none;
  }
  
  .hy-site-header--home.is-scrolling-up .hy-site-header__bottom-row {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  
  /* Maintain hover lines cleanly in the scrolled state */
  .hy-site-header--home.is-scrolling-up .hy-header-nav__list a {
    font-size: 11px !important;
    letter-spacing: 0.2em !important;
  }
}


/* =============================================================================
   PREMIUM ICON UPGRADES & EXPANDING SEARCH EFFECT
   ============================================================================= */

@media (min-width: 1024px) {
  /* Fix Cart Badge Clipping by adding padding to actions block */
  .hy-site-header__actions {
    padding-right: 15px !important;
  }

  /* Make SVGs match the luxury thin styling precisely */
  .hy-site-header__icon {
    width: 18px !important;
    height: 18px !important;
    stroke-width: 1.2px !important;
    transition: transform 0.3s ease, color 0.3s ease;
  }

  /* Interactive expanding search form */
  .hy-site-header__search-form {
    width: 130px !important; /* Start compact */
    transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;
  }
  
  .hy-site-header__search-form:focus-within {
    width: 200px !important; /* Expand on focus */
    border-bottom-color: var(--hy-color-tertiary, #c5a059) !important;
  }
  
  .hy-site-header__search-input {
    font-size: 10px !important;
    letter-spacing: 0.15em !important;
    transition: all 0.3s ease;
  }
}


/* =============================================================================
   HOMEPAGE HEADER ELEMENT SIZING (BALANCED WITH 55PX LOGO)
   ============================================================================= */
@media (min-width: 1024px) {
  /* Only apply slightly larger size on the homepage top transparent state to balance the 55px logo */
  .hy-site-header--home:not(.is-scrolled) .hy-site-header__icon {
    width: 21px !important;
    height: 21px !important;
    stroke-width: 1.3px !important;
  }
  
  .hy-site-header--home:not(.is-scrolled) .hy-site-header__search-form {
    width: 150px !important; /* Slightly wider start */
    padding-bottom: 6px !important;
  }
  
  .hy-site-header--home:not(.is-scrolled) .hy-site-header__search-form:focus-within {
    width: 220px !important;
  }
  
  .hy-site-header--home:not(.is-scrolled) .hy-site-header__search-input {
    font-size: 11px !important;
    letter-spacing: 0.15em !important;
  }
  
  .hy-site-header--home:not(.is-scrolled) .hy-site-header__account-link {
    font-size: 13.5px !important;
    letter-spacing: 0.15em !important;
    gap: 8px !important;
  }
  
  .hy-site-header--home:not(.is-scrolled) .hy-site-header__search-submit svg {
    width: 17px !important;
    height: 17px !important;
  }
}


/* =============================================================================
   PREMIUM INNER PAGES - CONTRAST SPLIT HEADER (DARK TOP / LIGHT BOTTOM)
   ============================================================================= */

@media (min-width: 1024px) {
  /* Layout adjustments for placing container inside rows */
  .hy-site-header__top-row {
    display: block !important;
    background: transparent;
  }
  
  .hy-site-header__top-row-inner {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    width: 100%;
  }
}

/* 1. Sadece alt sayfalarda (.hy-site-header--inner) ana header sargısını şeffaf yap */
.hy-site-header--inner {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

@media (min-width: 1024px) {
  /* 2. Üst Satır: Koyu Zeytin Yeşili */
  .hy-site-header--inner .hy-site-header__top-row {
    background: rgba(61, 73, 40, 0.98) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  }
  
  /* 3. Alt Satır: Açık Krem Zemin */
  .hy-site-header--inner .hy-site-header__bottom-row {
    background: #faf9f6 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
  }
  
  /* 4. Alt Satırdaki Menü Yazıları: Koyu Zeytin Yeşili */
  .hy-site-header--inner .hy-site-header__bottom-row .hy-header-nav__list a {
    color: #3d4928 !important;
  }
  
  /* Hover & Alt Çizgi Durumu */
  .hy-site-header--inner .hy-site-header__bottom-row .hy-header-nav__list a::after {
    background-color: var(--hy-color-tertiary, #c5a059) !important;
    height: 1px !important;
  }
  
  .hy-site-header--inner .hy-site-header__bottom-row .hy-header-nav__list a:hover {
    color: var(--hy-color-tertiary, #c5a059) !important;
  }
}


/* =============================================================================
   PREMIUM ANNOUNCEMENT TOPBAR (GOLD BACKGROUND & GREEN TEXT)
   ============================================================================= */
.hy-site-header__topbar {
  background: var(--hy-color-tertiary, #c5a059) !important;
  color: #3d4928 !important;
  border-bottom: 1px solid rgba(61, 73, 40, 0.1) !important;
}

.hy-site-header__topbar-inner {
  color: #3d4928 !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  font-size: 10px !important;
}


/* =============================================================================
   PREMIUM INNER PAGES - SPACING & LOGO ENHANCEMENTS (BREATHING SPACE)
   ============================================================================= */
@media (min-width: 1024px) {
  /* Increase inner page logo size */
  .hy-site-header--inner .hy-site-header__brand-link {
    height: 48px !important;
  }
  
  .hy-site-header--inner .hy-site-header__brand-image {
    max-height: 48px !important;
  }

  /* Increase top row vertical padding for luxury breathing space */
  .hy-site-header--inner .hy-site-header__top-row {
    padding-top: 18px !important;
    padding-bottom: 16px !important;
  }
  
  /* Increase bottom row (menu) padding for a more spacious, high-end feel */
  .hy-site-header--inner .hy-site-header__bottom-row {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
  
  /* Slightly enlarge navigation links and increase spacing */
  .hy-site-header--inner .hy-header-nav__list a {
    font-size: 13.5px !important;
    letter-spacing: 0.22em !important;
  }
  
  .hy-site-header--inner .hy-header-nav__list {
    gap: 56px !important;
  }
}


/* =============================================================================
   GLOBAL SCROLL ANIMATIONS FOR ALL HEADERS (LOGO ON DOWN, MENU ON UP)
   ============================================================================= */
@media (min-width: 1024px) {
  /* Set smooth transition properties on both rows for all headers */
  .hy-site-header .hy-site-header__top-row,
  .hy-site-header .hy-site-header__bottom-row {
    transition: max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1), 
                opacity 0.3s ease, 
                padding 0.4s cubic-bezier(0.25, 1, 0.5, 1),
                border-color 0.3s ease;
    overflow: hidden;
  }

  /* Define base max-height states for all page transitions */
  .hy-site-header .hy-site-header__top-row {
    max-height: 140px;
    opacity: 1;
  }
  
  .hy-site-header .hy-site-header__bottom-row {
    max-height: 90px;
    opacity: 1;
  }

  /* --------------------------------------------------
     1. SCROLL DOWN: Show only Logo (Top Row), Hide Menu (Bottom Row)
     -------------------------------------------------- */
  .hy-site-header.is-scrolling-down .hy-site-header__bottom-row {
    max-height: 0 !important;
    opacity: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    pointer-events: none;
  }
  
  .hy-site-header.is-scrolling-down .hy-site-header__top-row {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    border-bottom: none !important;
  }
  
  /* Shrink logo slightly to maximize view space during scroll down */
  .hy-site-header.is-scrolling-down .hy-site-header__brand-link {
    height: 32px !important;
  }
  .hy-site-header.is-scrolling-down .hy-site-header__brand-image {
    max-height: 32px !important;
  }

  /* --------------------------------------------------
     2. SCROLL UP: Show only Menu (Bottom Row), Hide Logo (Top Row)
     -------------------------------------------------- */
  .hy-site-header.is-scrolling-up .hy-site-header__top-row {
    max-height: 0 !important;
    opacity: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
    pointer-events: none;
  }
  
  .hy-site-header.is-scrolling-up .hy-site-header__bottom-row {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  
  /* Maintain hover lines cleanly in the scrolled state */
  .hy-site-header.is-scrolling-up .hy-header-nav__list a {
    font-size: 11.5px !important;
    letter-spacing: 0.2em !important;
  }
}


/* =============================================================================
   PREMIUM MOBILE HEADER OPTIMIZATION (COMPACT CENTERED LOGO)
   ============================================================================= */

@media (max-width: 1023px) {
  /* 1. Hide all utility rows and elements that are already handled by the sticky bottom nav bar */
  .hy-site-header__mobile-left,
  .hy-site-header__search-wrap,
  .hy-site-header__actions,
  .hy-site-header__bottom-row {
    display: none !important;
  }

  /* 2. Center the logo perfectly in the remaining top row */
  .hy-site-header__top-row {
    display: block !important;
    padding: 8px 0 !important;
    background: transparent !important;
    border-bottom: none !important;
  }

  .hy-site-header__top-row-inner {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
  }

  .hy-site-header__brand {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
  }

  .hy-site-header__brand-link {
    display: flex !important;
    align-items: center !important;
    height: 35px !important;
  }

  .hy-site-header__brand-image {
    max-height: 35px !important;
    width: auto !important;
    height: 100% !important;
    object-fit: contain;
    filter: drop-shadow(0 2px 8px rgba(0,0,0,0.2)) !important;
  }
}


/* =============================================================================
   MOBILE HEADER SIZING & STICKY SHRINK OPTIMIZATION
   ============================================================================= */

@media (max-width: 1023px) {
  /* 1. Default (unscrolled) state for all mobile pages: larger logo and spacious padding */
  .hy-site-header__top-row {
    padding: 10px 0 !important;
    transition: padding 0.4s ease !important;
  }
  
  .hy-site-header__brand-link {
    height: 48px !important;
    transition: height 0.4s ease !important;
  }
  
  .hy-site-header__brand-image {
    max-height: 48px !important;
    transition: max-height 0.4s ease !important;
  }
  
  /* 2. Scrolled state: make header extremely thin and shrink logo to save space */
  .hy-site-header.is-scrolled .hy-site-header__top-row,
  .hy-site-header.is-scrolling-down .hy-site-header__top-row,
  .hy-site-header.is-scrolling-up .hy-site-header__top-row {
    padding: 6px 0 !important;
  }
  
  .hy-site-header.is-scrolled .hy-site-header__brand-link,
  .hy-site-header.is-scrolling-down .hy-site-header__brand-link,
  .hy-site-header.is-scrolling-up .hy-site-header__brand-link {
    height: 32px !important;
  }
  
  .hy-site-header.is-scrolled .hy-site-header__brand-image,
  .hy-site-header.is-scrolling-down .hy-site-header__brand-image,
  .hy-site-header.is-scrolling-up .hy-site-header__brand-image {
    max-height: 32px !important;
  }
}


/* =============================================================================
   MOBILE SINGLE PRODUCT PAGE HEADER DESIGN (BACK BUTTON & CART ONLY)
   ============================================================================= */

/* Base hide for back button on desktop */
.hy-site-header__back-btn {
  display: none;
}

@media (max-width: 1023px) {
  /* 1. On regular mobile pages (Home, Category, Cart etc.): Hide back button and top actions (sepet/hesap) */
  body:not(.single-product) .hy-site-header__back-btn,
  body:not(.single-product) .hy-site-header__actions {
    display: none !important;
  }
  
  /* 2. On SINGLE PRODUCT page on mobile: */
  /* Show the back button on the left */
  body.single-product .hy-site-header__back-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
    padding: 8px !important;
    margin-left: -8px !important;
  }
  
  /* Show only the Cart actions on the right */
  body.single-product .hy-site-header__actions {
    display: flex !important;
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
    padding-right: 0 !important;
  }
  
  /* Hide Account on product page, show only Cart icon */
  body.single-product .hy-site-header__account-action {
    display: none !important;
  }
  
  /* Make top-row-inner relative to hold absolute buttons */
  body.single-product .hy-site-header__top-row-inner {
    position: relative !important;
    min-height: 48px !important; /* Ensure vertical space is consistent */
  }
  
  /* Center the brand logo perfectly */
  body.single-product .hy-site-header__brand {
    margin: 0 auto !important;
  }
}


/* =============================================================================
   MOBILE INNER PAGE HEADER BACKGROUND FIX
   ============================================================================= */
@media (max-width: 1023px) {
  /* On mobile inner pages, give the header a solid dark olive green background.
     This ensures white icons (back button, cart) are visible and matches the desktop top row. */
  .hy-site-header--inner {
    background: rgba(61, 73, 40, 0.98) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
  }
  
  /* Ensure the text and icons on the mobile inner header are white */
  .hy-site-header--inner .hy-site-header__back-btn,
  .hy-site-header--inner .hy-site-header__icon-link,
  .hy-site-header--inner .hy-site-header__icon {
    color: #ffffff !important;
  }
}


/* =============================================================================
   MOBILE HEADER VISIBILITY & POSITIONING (APP-LIKE SCROLL-AWAY UX)
   ============================================================================= */

@media (max-width: 1023px) {
  /* 1. Hide the top header completely on all mobile pages except Homepage and Product Detail */
  body:not(.home):not(.single-product) .hy-site-header {
    display: none !important;
  }

  /* 2. Remove sticky/fixed behavior on mobile (Header will scroll away naturally) */
  .hy-site-header {
    position: absolute !important;
    transform: none !important;
    transition: none !important;
    box-shadow: none !important;
  }

  /* 3. Homepage Mobile Header: Sits absolutely on top of the hero image and scrolls away */
  body.home .hy-site-header {
    position: absolute !important;
    background: transparent !important;
    border-bottom: none !important;
  }

  /* 4. Product Detail Mobile Header: Sits relatively in the layout flow so content is not covered */
  body.single-product .hy-site-header {
    position: relative !important;
    background: rgba(61, 73, 40, 0.98) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  }
  
  /* Ensure the body or main content wrapper on mobile product page doesn't have double padding */
  body.single-product #content {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
}


/* =============================================================================
   MOBILE CATEGORY PAGE BACK BUTTON & TITLE ALIGNMENT
   ============================================================================= */

/* Hide by default on desktop */
.hy-shop-archive__back-btn {
  display: none;
}

@media (max-width: 1023px) {
  /* Flex container layout for back button and title */
  .hy-shop-archive__head-left {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
    margin-bottom: 16px !important;
  }

  /* Display back button on mobile */
  .hy-shop-archive__back-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: #3d4928 !important; /* Brand dark olive green */
    background: #faf9f6 !important; /* Soft cream round badge background */
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
    border: 1px solid rgba(61, 73, 40, 0.1) !important;
    transition: opacity 0.2s ease, transform 0.2s ease !important;
    flex-shrink: 0 !important;
  }

  .hy-shop-archive__back-btn:active {
    transform: scale(0.95);
    opacity: 0.8;
  }

  .hy-shop-archive__back-btn svg {
    width: 18px !important;
    height: 18px !important;
    stroke-width: 2px !important;
  }

  /* Align category title cleanly next to back button */
  .hy-shop-archive__title {
    margin: 0 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #3d4928 !important;
  }
  
  .hy-shop-archive__head {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
    padding-bottom: 12px !important;
    margin-bottom: 20px !important;
  }
}


/* =============================================================================
   MOBILE CATEGORY PAGE - COMPACT SPLIT LAYOUT (LEFT ICON / RIGHT TITLE)
   ============================================================================= */

@media (max-width: 1023px) {
  /* Distribute items to the far left and far right */
  .hy-shop-archive__head-left {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important; /* Push back button left, title right */
    width: 100% !important;
    margin-bottom: 14px !important;
  }

  /* Wrap category title and product count */
  .hy-shop-archive__title-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    flex-grow: 1 !important;
  }

  /* Shrink back button circle on mobile */
  .hy-shop-archive__back-btn {
    width: 30px !important;
    height: 30px !important;
    background: #faf9f6 !important;
    border: 1px solid rgba(61, 73, 40, 0.1) !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important;
  }

  /* Shrink back button SVG arrow size */
  .hy-shop-archive__back-btn svg {
    width: 14px !important;
    height: 14px !important;
    stroke-width: 2.2px !important;
  }

  /* Shrink category title font size */
  .hy-shop-archive__title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #3d4928 !important;
    margin: 0 !important;
  }

  /* Slightly shrink the product count badge text size */
  .hy-shop-archive__count {
    font-size: 11px !important;
    padding: 2px 6px !important;
    margin-left: 2px !important;
  }
}


/* =============================================================================
   MOBILE CATEGORY PAGE - VERTICAL SPACING COMPACTNESS
   ============================================================================= */

@media (max-width: 1023px) {
  /* Hide breadcrumb wrap to eliminate empty top padding */
  .hy-shop-archive__breadcrumb-wrap {
    display: none !important;
  }

  /* Reduce top margin of the archive layout */
  .hy-shop-archive__layout {
    margin-top: 12px !important;
    gap: 16px !important; /* Tighten grid gaps on mobile */
  }

  /* Reduce spacing around the header row wrapper */
  .hy-shop-archive__head {
    padding-bottom: 8px !important;
    margin-bottom: 14px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
  }

  /* Eliminate margin on the inner flex wrapper */
  .hy-shop-archive__head-left {
    margin-bottom: 0 !important;
  }
}


/* =============================================================================
   HERITAGE BRANDING LABEL ("1926'DAN BERİ" / "EST. 1926")
   ============================================================================= */

/* 1. Global / Desktop styles */
.hy-shop-archive__title-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.hy-shop-archive__title-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.hy-shop-archive__heritage-label {
  font-family: "Inter", sans-serif;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  color: var(--hy-color-tertiary, #c5a059);
  margin-bottom: 4px;
  line-height: 1;
}

/* 2. Mobile Specific styles */
@media (max-width: 1023px) {
  /* Right-align the entire text block on mobile to match the right-aligned layout */
  .hy-shop-archive__title-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
  }
  
  .hy-shop-archive__title-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .hy-shop-archive__heritage-label {
    font-size: 7.5px !important;
    letter-spacing: 0.22em !important;
    margin-bottom: 2px !important;
  }
}


/* =============================================================================
   CUSTOM "HİKAYEMİZ" EDITORIAL PAGE STYLES
   ============================================================================= */

.hy-story-page {
  background: #ffffff;
}

/* 1. HERO SECTION */
.hy-story-hero {
  height: 60vh;
  min-height: 480px;
  background-size: cover;
  background-position: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hy-story-hero__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(61, 73, 40, 0.75), rgba(26, 31, 18, 0.85));
  z-index: 1;
}

.hy-story-hero__container {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #ffffff;
}

.hy-story-hero__content {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 20px;
}

.hy-story-hero__subtitle {
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  color: var(--hy-color-tertiary, #e3c078);
  display: inline-block;
  margin-bottom: 12px;
}

.hy-story-hero__title {
  font-family: "Noto Serif", serif;
  font-size: clamp(2.5rem, 5vw, 4.5rem);
  font-weight: 700;
  line-height: 1.1;
  margin: 0 0 20px 0;
  color: #ffffff;
}

.hy-story-hero__desc {
  font-family: "Noto Serif", serif;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
}

/* 2. TIMELINE SECTION */
.hy-story-timeline {
  padding: 96px 0;
}

.hy-story-row {
  display: flex;
  align-items: center;
  gap: 80px;
  padding: 96px 0;
  border-bottom: 1px solid rgba(61, 73, 40, 0.06);
}

.hy-story-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.hy-story-row__col {
  flex: 1;
  min-width: 0;
}

/* Year & Meta branding */
.hy-story-row__meta {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}

.hy-story-row__year {
  font-family: "Noto Serif", serif;
  font-size: clamp(3.5rem, 6vw, 5.5rem);
  font-weight: 800;
  color: var(--hy-color-tertiary, #c5a059);
  line-height: 0.9;
  letter-spacing: -0.02em;
}

.hy-story-row__label {
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: rgba(61, 73, 40, 0.5);
  margin-top: 6px;
}

.hy-story-row__heading {
  font-family: "Noto Serif", serif;
  font-size: clamp(1.5rem, 2.5vw, 2.25rem);
  font-weight: 700;
  color: #3d4928;
  line-height: 1.2;
  margin: 0 0 24px 0;
}

.hy-story-row__paragraph {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.8;
  color: rgba(0, 0, 0, 0.7);
  margin-bottom: 20px;
}

.hy-story-row__paragraph:last-child {
  margin-bottom: 0;
}

/* Image frame & hover styling */
.hy-story-row__image-wrap {
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);
  aspect-ratio: 4 / 3;
}

.hy-story-row__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

.hy-story-row__image-wrap:hover .hy-story-row__image {
  transform: scale(1.04);
}

/* Alternate order (Desktop Only) */
@media (min-width: 1024px) {
  .hy-story-row--right-text {
    flex-direction: row-reverse !important;
  }
}

/* 3. PRESS SECTION */
.hy-story-press {
  background: #fdfcf9;
  padding: 120px 0;
  border-top: 1px solid rgba(61, 73, 40, 0.05);
}

.hy-story-press__head {
  text-align: center;
  margin-bottom: 64px;
}

.hy-story-press__subtitle {
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  color: var(--hy-color-tertiary, #c5a059);
  display: block;
  margin-bottom: 10px;
}

.hy-story-press__title {
  font-family: "Noto Serif", serif;
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  font-weight: 700;
  color: #3d4928;
  margin: 0;
}

.hy-story-press__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
}

.hy-story-press-card {
  background: #ffffff;
  border-radius: 8px;
  padding: 36px 28px;
  box-shadow: 0 6px 24px rgba(61, 73, 40, 0.02);
  border: 1px solid rgba(61, 73, 40, 0.04);
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 240px;
}

.hy-story-press-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(61, 73, 40, 0.08);
  border-color: rgba(197, 160, 89, 0.25);
}

.hy-story-press-card__logo-wrap {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  height: 24px;
}

.hy-story-press-card__logo-text {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.3em;
  color: rgba(61, 73, 40, 0.35);
  transition: color 0.3s ease;
}

.hy-story-press-card:hover .hy-story-press-card__logo-text {
  color: var(--hy-color-tertiary, #c5a059);
}

.hy-story-press-card__heading {
  font-family: "Noto Serif", serif;
  font-size: 14.5px;
  line-height: 1.6;
  font-weight: 600;
  color: #3d4928;
  margin: 0 0 24px 0;
  flex-grow: 1;
}

.hy-story-press-card__link {
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: var(--hy-color-tertiary, #c5a059);
  transition: opacity 0.3s ease;
}

.hy-story-press-card:hover .hy-story-press-card__link {
  opacity: 0.8;
}

/* =============================================================================
   RESPONSIVE DESIGN (TABLET & MOBILE)
   ============================================================================= */
@media (max-width: 1023px) {
  .hy-story-hero {
    height: 45vh;
    min-height: 380px;
  }

  .hy-story-row {
    flex-direction: column !important;
    gap: 36px;
    padding: 64px 0;
  }
  
  .hy-story-row__col {
    width: 100%;
  }

  .hy-story-row__image-wrap {
    aspect-ratio: 16 / 10;
  }

  .hy-story-press {
    padding: 80px 0;
  }

  .hy-story-press__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

@media (max-width: 639px) {
  .hy-story-press__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  
  .hy-story-press-card {
    min-height: 200px;
    padding: 28px 24px;
  }
}


/* =============================================================================
   PREMIUM EDITORIAL SINGLE POST DETAIL PAGE (single.php)
   ============================================================================= */

.hy-single-post-page {
  background: #faf9f6;
  padding: 80px 0;
}

.hy-article__header {
  text-align: center;
  margin-bottom: 56px;
}

.hy-article__header-container {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 20px;
}

.hy-article__meta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 24px;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  color: rgba(61, 73, 40, 0.4);
}

.hy-article__source {
  color: var(--hy-color-tertiary, #c5a059) !important;
}

.hy-article__dot {
  font-size: 8px;
}

.hy-article__title {
  font-family: "Noto Serif", serif;
  font-size: clamp(2rem, 4.5vw, 3.25rem);
  font-weight: 700;
  color: #3d4928;
  line-height: 1.25;
  margin: 0;
  letter-spacing: -0.01em;
}

.hy-article__excerpt {
  font-family: "Noto Serif", serif;
  font-size: clamp(1.05rem, 1.8vw, 1.25rem);
  line-height: 1.7;
  color: rgba(61, 73, 40, 0.7);
  max-width: 760px;
  margin: 24px auto 0;
  font-style: italic;
}

/* 2. HERO FEATURED IMAGE */
.hy-article__hero-wrap {
  margin-bottom: 80px;
}

.hy-article__hero {
  max-width: 960px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 20px 48px rgba(61, 73, 40, 0.08);
  aspect-ratio: 16 / 9;
}

.hy-article__hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 3. CONTENT BODY */
.hy-article__body {
  background: #ffffff;
  padding: 96px 0;
  border-top: 1px solid rgba(61, 73, 40, 0.05);
  border-bottom: 1px solid rgba(61, 73, 40, 0.05);
}

.hy-article__body-container {
  max-width: 760px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}

/* Editorial typography defaults for content block */
.hy-article__content {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 1.9;
  color: #2c3321;
}

.hy-article__content p {
  margin-top: 0;
  margin-bottom: 28px;
}

.hy-article__content p:last-child {
  margin-bottom: 0;
}

.hy-article__content h2,
.hy-article__content h3,
.hy-article__content h4 {
  font-family: "Noto Serif", serif;
  color: #3d4928;
  font-weight: 700;
  line-height: 1.35;
  margin-top: 56px;
  margin-bottom: 20px;
}

.hy-article__content h2 {
  font-size: 24px;
}

.hy-article__content h3 {
  font-size: 20px;
}

.hy-article__content blockquote {
  font-family: "Noto Serif", serif;
  font-size: 19px;
  font-style: italic;
  line-height: 1.65;
  color: #3d4928;
  border-left: 3px solid var(--hy-color-tertiary, #c5a059);
  padding-left: 32px;
  margin: 44px 0;
}

.hy-article__content ul,
.hy-article__content ol {
  margin-top: 0;
  margin-bottom: 28px;
  padding-left: 24px;
}

.hy-article__content li {
  margin-bottom: 8px;
}

/* 4. ARTICLE FOOTER / BACK NAVIGATION */
.hy-article__footer {
  margin-top: 72px;
  padding-top: 48px;
  border-top: 1px solid rgba(61, 73, 40, 0.08);
  text-align: center;
}

.hy-article__back-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  color: #3d4928;
  text-decoration: none !important;
  transition: color 0.3s ease, transform 0.2s ease;
}

.hy-article__back-btn:hover {
  color: var(--hy-color-tertiary, #c5a059) !important;
  transform: translateX(-4px);
}

.hy-article__back-icon {
  width: 14px;
  height: 14px;
}

/* 5. RESPONSIVE COMPACTNESS */
@media (max-width: 1023px) {
  .hy-single-post-page {
    padding: 48px 0;
  }

  .hy-article__header {
    margin-bottom: 40px;
  }

  .hy-article__hero-wrap {
    margin-bottom: 48px;
  }

  .hy-article__body {
    padding: 64px 0;
  }

  .hy-article__content {
    font-size: 15px;
    line-height: 1.8;
  }

  .hy-article__content blockquote {
    font-size: 17px;
    padding-left: 24px;
    margin: 32px 0;
  }
}


/* =============================================================================
   REFINED PRESTIGE ASYMMETRICAL PRESS DETAIL LAYOUT (Basında Biz)
   ============================================================================= */

.hy-single-post-wrapper {
  background: #faf9f6;
  padding: 80px 0;
}

.hy-press-detail__container {
  display: flex;
  gap: 64px;
  align-items: flex-start;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}

/* 1. LEFT COLUMN - STICKY SIDEBAR */
.hy-press-sidebar {
  width: 260px;
  flex-shrink: 0;
  position: sticky;
  top: 140px; /* Sits beautifully below desktop sticky header */
}

.hy-press-sidebar__inner {
  padding: 28px;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid rgba(61, 73, 40, 0.05);
  box-shadow: 0 10px 30px rgba(61, 73, 40, 0.02);
}

.hy-press-sidebar__subtitle {
  font-family: "Inter", sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.22em;
  color: rgba(61, 73, 40, 0.4);
  text-transform: uppercase;
  display: block;
  margin-bottom: 6px;
}

.hy-press-sidebar__source {
  font-family: "Noto Serif", serif;
  font-size: 18px;
  font-weight: 700;
  color: #3d4928;
  margin: 0 0 20px 0;
  border-bottom: 1px solid rgba(61, 73, 40, 0.08);
  padding-bottom: 14px;
  letter-spacing: -0.01em;
}

.hy-press-sidebar__meta-item {
  margin-bottom: 24px;
}

.hy-press-sidebar__meta-label {
  font-family: "Inter", sans-serif;
  font-size: 9px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.35);
  text-transform: uppercase;
  display: block;
  margin-bottom: 4px;
  letter-spacing: 0.1em;
}

.hy-press-sidebar__meta-val {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #3d4928;
}

.hy-press-sidebar__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 12px 16px;
  background: #3d4928;
  color: #ffffff !important;
  border-radius: 6px;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  box-shadow: 0 4px 12px rgba(61, 73, 40, 0.15);
}

.hy-press-sidebar__cta:hover {
  background: #c5a059;
  box-shadow: 0 6px 16px rgba(197, 160, 89, 0.25);
  transform: translateY(-2px);
}

.hy-press-sidebar__cta-icon {
  width: 13px;
  height: 13px;
}

/* 2. RIGHT COLUMN - MAIN ARTICLE BODY */
.hy-press-main {
  flex-grow: 1;
  min-width: 0;
  background: #ffffff;
  padding: 56px;
  border-radius: 12px;
  border: 1px solid rgba(61, 73, 40, 0.04);
  box-shadow: 0 10px 40px rgba(61, 73, 40, 0.02);
}

.hy-press-main__title {
  font-family: "Noto Serif", serif;
  font-size: clamp(1.8rem, 3.2vw, 2.5rem);
  font-weight: 700;
  color: #3d4928;
  line-height: 1.3;
  margin: 0 0 32px 0;
  letter-spacing: -0.015em;
  text-align: left;
}

.hy-press-main__featured-wrap {
  margin-bottom: 40px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
  aspect-ratio: 16 / 9;
}

.hy-press-main__featured-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hy-press-main__content {
  font-family: "Inter", sans-serif;
  font-size: 15.5px;
  line-height: 1.85;
  color: #2c3321;
  text-align: left;
}

.hy-press-main__content p {
  margin-top: 0;
  margin-bottom: 24px;
}

.hy-press-main__content h2,
.hy-press-main__content h3 {
  font-family: "Noto Serif", serif;
  color: #3d4928;
  font-weight: 700;
  margin-top: 48px;
  margin-bottom: 16px;
}

.hy-press-main__content blockquote {
  font-family: "Noto Serif", serif;
  font-size: 18px;
  font-style: italic;
  line-height: 1.6;
  color: #3d4928;
  border-left: 3px solid var(--hy-color-tertiary, #c5a059);
  padding-left: 24px;
  margin: 36px 0;
  text-align: left;
}

.hy-press-main__footer {
  margin-top: 56px;
  padding-top: 36px;
  border-top: 1px solid rgba(61, 73, 40, 0.08);
  text-align: left;
}

.hy-press-main__back-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: #3d4928;
  text-decoration: none !important;
  transition: all 0.3s ease;
}

.hy-press-main__back-btn:hover {
  color: var(--hy-color-tertiary, #c5a059) !important;
  transform: translateX(-4px);
}

.hy-press-main__back-icon {
  width: 14px;
  height: 14px;
}

/* =============================================================================
   STANDARD FALLBACK BLOG POST LAYOUT (Other Categories)
   ============================================================================= */

.hy-standard-post {
  background: #ffffff;
  padding: 64px 0;
}

.hy-standard-post__container {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}

.hy-standard-post__header {
  text-align: center;
  margin-bottom: 40px;
}

.hy-standard-post__title {
  font-family: "Noto Serif", serif;
  font-size: 32px;
  font-weight: 700;
  color: #3d4928;
  margin-bottom: 12px;
}

.hy-standard-post__meta {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  color: rgba(0,0,0,0.4);
}

.hy-standard-post__featured {
  margin-bottom: 40px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.hy-standard-post__featured img {
  width: 100%;
  height: auto;
  display: block;
}

.hy-standard-post__content {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 1.8;
  color: #333333;
}

/* =============================================================================
   RESPONSIVE DESIGN (TABLET & MOBILE)
   ============================================================================= */

@media (max-width: 1023px) {
  .hy-single-post-wrapper {
    padding: 32px 0;
  }

  .hy-press-detail__container {
    flex-direction: column;
    gap: 32px;
    padding: 0 16px;
  }

  .hy-press-sidebar {
    width: 100%;
    position: static;
  }

  .hy-press-sidebar__inner {
    padding: 24px;
  }

  .hy-press-main {
    padding: 32px 20px;
  }

  .hy-press-main__title {
    margin-bottom: 24px;
  }

  .hy-press-main__featured-wrap {
    margin-bottom: 28px;
  }
}


/* =============================================================================
   REFINED PRESTIGE ASYMMETRICAL EDITORIAL SIDEBAR & TYPOGRAPHY
   ============================================================================= */

/* Brand Seal inside Sidebar */
.hy-press-sidebar__brand-seal {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50% !important;
  border: 1.5px solid rgba(197, 160, 89, 0.3) !important;
  margin: 0 auto 24px auto !important;
  background: #faf9f6 !important;
  box-shadow: 0 4px 10px rgba(197, 160, 89, 0.05) !important;
}

.hy-press-sidebar__seal-txt {
  font-family: "Noto Serif", serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #3d4928 !important;
  line-height: 1 !important;
}

.hy-press-sidebar__seal-year {
  font-family: "Inter", sans-serif !important;
  font-size: 7.5px !important;
  font-weight: 700 !important;
  color: #c5a059 !important;
  letter-spacing: 0.1em !important;
  margin-top: 1px !important;
}

.hy-press-sidebar__meta-grid {
  margin-bottom: 24px !important;
  border-bottom: 1px solid rgba(61, 73, 40, 0.06) !important;
  padding-bottom: 12px !important;
}

.hy-press-sidebar__cta-wrap {
  margin-top: 16px !important;
}

.hy-press-sidebar__cta-desc {
  display: block !important;
  font-family: "Inter", sans-serif !important;
  font-size: 9px !important;
  color: rgba(61, 73, 40, 0.5) !important;
  text-align: center !important;
  margin-top: 8px !important;
  line-height: 1.4 !important;
}

/* Premium Lead-in (Giriş) Paragraph styling */
.hy-press-main__content > p:first-of-type {
  font-family: "Noto Serif", serif !important;
  font-size: clamp(1.1rem, 2vw, 1.25rem) !important;
  line-height: 1.85 !important;
  color: #3d4928 !important;
  font-style: italic !important;
  border-bottom: 1px dashed rgba(61, 73, 40, 0.15) !important;
  padding-bottom: 24px !important;
  margin-bottom: 32px !important;
}


/* =============================================================================
   MOBILE/DESKTOP PRESS META LINK STYLING
   ============================================================================= */

.hy-press-sidebar__meta-link {
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--hy-color-tertiary, #c5a059) !important;
  text-decoration: underline !important;
  transition: opacity 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.hy-press-sidebar__meta-link:hover {
  opacity: 0.8 !important;
}


/* =============================================================================
   CUSTOM "BASINDA BİZ" ARCHIVE PAGE STYLES (page-basinda-biz.php)
   ============================================================================= */

.hy-press-archive-page {
  background: #faf9f6;
  padding-bottom: 96px;
}

/* 1. HERO HEADER */
.hy-press-hero {
  padding: 100px 0 64px 0;
  text-align: center;
  background: #ffffff;
  border-bottom: 1px solid rgba(61, 73, 40, 0.05);
}

.hy-press-hero__subtitle {
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  color: var(--hy-color-tertiary, #c5a059);
  display: block;
  margin-bottom: 12px;
}

.hy-press-hero__title {
  font-family: "Noto Serif", serif;
  font-size: clamp(2.5rem, 4.5vw, 3.75rem);
  font-weight: 700;
  color: #3d4928;
  margin: 0 0 16px 0;
  line-height: 1.15;
}

.hy-press-hero__desc {
  font-family: "Noto Serif", serif;
  font-size: clamp(1rem, 1.4vw, 1.2rem);
  color: rgba(61, 73, 40, 0.7);
  max-width: 680px;
  margin: 0 auto;
  line-height: 1.65;
}

.hy-press-hero__line {
  width: 50px;
  height: 1.5px;
  background: #c5a059;
  margin: 32px auto 0 auto;
}

/* 2. ARCHIVE GRID */
.hy-press-grid-section {
  padding: 80px 0;
}

.hy-press-archive-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

.hy-press-archive-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid rgba(61, 73, 40, 0.04);
  box-shadow: 0 6px 20px rgba(61, 73, 40, 0.015);
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  min-height: 280px;
  padding: 36px;
  text-decoration: none !important;
  box-sizing: border-box;
}

.hy-press-archive-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(61, 73, 40, 0.08);
  border-color: rgba(197, 160, 89, 0.25);
}

.hy-press-archive-card__body {
  flex-grow: 1;
}

.hy-press-archive-card__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: rgba(61, 73, 40, 0.4);
}

.hy-press-archive-card__source {
  color: var(--hy-color-tertiary, #c5a059);
  text-transform: uppercase;
}

.hy-press-archive-card__dot {
  font-size: 8px;
}

.hy-press-archive-card__title {
  font-family: "Noto Serif", serif;
  font-size: 18px;
  font-weight: 700;
  color: #3d4928;
  line-height: 1.45;
  margin: 0 0 16px 0;
  transition: color 0.3s ease;
  text-align: left;
}

.hy-press-archive-card:hover .hy-press-archive-card__title {
  color: var(--hy-color-tertiary, #c5a059);
}

.hy-press-archive-card__excerpt {
  font-family: "Inter", sans-serif;
  font-size: 13.5px;
  line-height: 1.65;
  color: rgba(0, 0, 0, 0.55);
  margin: 0 0 24px 0;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.hy-press-archive-card__link {
  font-family: "Inter", sans-serif;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: #3d4928;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color 0.3s ease;
}

.hy-press-archive-card:hover .hy-press-archive-card__link {
  color: var(--hy-color-tertiary, #c5a059);
}

.hy-press-archive-card__link-icon {
  width: 13px;
  height: 13px;
  transition: transform 0.3s ease;
}

.hy-press-archive-card:hover .hy-press-archive-card__link-icon {
  transform: translateX(4px);
}

/* 3. PAGINATION */
.hy-press-pagination {
  margin-top: 56px;
  display: flex;
  justify-content: center;
}

.hy-press-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0 4px;
  background: #ffffff;
  border: 1px solid rgba(61, 73, 40, 0.08);
  border-radius: 4px;
  color: #3d4928;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.hy-press-pagination .page-numbers:hover,
.hy-press-pagination .page-numbers.current {
  background: #3d4928;
  color: #ffffff;
  border-color: #3d4928;
}

/* 4. EMPTY STATE */
.hy-press-empty {
  text-align: center;
  padding: 80px 20px;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid rgba(61, 73, 40, 0.05);
  box-shadow: 0 6px 20px rgba(61, 73, 40, 0.015);
  max-width: 600px;
  margin: 0 auto;
}

.hy-press-empty__icon-wrap {
  width: 72px;
  height: 72px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #faf9f6;
  border-radius: 50%;
  color: rgba(61, 73, 40, 0.3);
  margin-bottom: 24px;
}

.hy-press-empty__icon {
  width: 32px;
  height: 32px;
}

.hy-press-empty__title {
  font-family: "Noto Serif", serif;
  font-size: 20px;
  color: #3d4928;
  margin: 0 0 12px 0;
  font-weight: 700;
}

.hy-press-empty__text {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: rgba(0,0,0,0.5);
  margin: 0;
  line-height: 1.5;
}

/* =============================================================================
   RESPONSIVE DESIGN (TABLET & MOBILE)
   ============================================================================= */

@media (max-width: 1023px) {
  .hy-press-hero {
    padding: 64px 20px 48px 20px;
  }

  .hy-press-grid-section {
    padding: 48px 0;
  }

  .hy-press-archive-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 0 16px;
  }

  .hy-press-archive-card {
    padding: 28px;
    min-height: 240px;
  }
}

@media (max-width: 639px) {
  .hy-press-archive-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .hy-press-archive-card {
    min-height: auto;
  }
}


/* =============================================================================
   CUSTOM "ÖDÜLLERİMİZ" PAGE STYLES (page-odullerimiz.php)
   ============================================================================= */

.hy-awards-page {
  background: #faf9f6;
  padding-bottom: 120px;
}

/* 1. HERO HEADER */
.hy-awards-hero {
  padding: 100px 0 64px 0;
  text-align: center;
  background: #ffffff;
  border-bottom: 1px solid rgba(61, 73, 40, 0.05);
}

.hy-awards-hero__subtitle {
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  color: var(--hy-color-tertiary, #c5a059);
  display: block;
  margin-bottom: 12px;
}

.hy-awards-hero__title {
  font-family: "Noto Serif", serif;
  font-size: clamp(2.5rem, 4.5vw, 3.75rem);
  font-weight: 700;
  color: #3d4928;
  margin: 0 0 16px 0;
  line-height: 1.15;
}

.hy-awards-hero__desc {
  font-family: "Noto Serif", serif;
  font-size: clamp(1rem, 1.4vw, 1.22rem);
  color: rgba(61, 73, 40, 0.7);
  max-width: 780px;
  margin: 0 auto;
  line-height: 1.7;
}

.hy-awards-hero__line {
  width: 50px;
  height: 1.5px;
  background: #c5a059;
  margin: 32px auto 0 auto;
}

/* 2. TAB NAVIGATION */
.hy-awards-tabs-nav {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: -24px;
  position: relative;
  z-index: 10;
  margin-bottom: 80px;
}

.hy-awards-tabs-btn {
  padding: 14px 28px;
  background: #ffffff;
  border: 1px solid rgba(61, 73, 40, 0.08);
  border-radius: 30px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #3d4928;
  letter-spacing: 0.05em;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
  outline: none;
}

.hy-awards-tabs-btn:hover {
  border-color: #c5a059;
  color: #c5a059;
  transform: translateY(-1px);
}

.hy-awards-tabs-btn.is-active {
  background: #3d4928;
  color: #ffffff !important;
  border-color: #3d4928;
  box-shadow: 0 8px 24px rgba(61, 73, 40, 0.15);
}

.hy-awards-tab-content {
  display: none;
  animation: fadeIn 0.5s ease;
}

.hy-awards-tab-content.is-active {
  display: block;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* 3. YEAR TIMELINE BLOCK */
.hy-awards-year-block {
  display: flex;
  gap: 64px;
  margin-bottom: 80px;
  padding-bottom: 80px;
  border-bottom: 1px solid rgba(61, 73, 40, 0.06);
}

.hy-awards-year-block:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.hy-awards-year-sidebar {
  width: 140px;
  flex-shrink: 0;
  position: sticky;
  top: 140px;
  display: flex;
  flex-direction: column;
}

.hy-awards-year-title {
  font-family: "Noto Serif", serif;
  font-size: 48px;
  font-weight: 800;
  color: #3d4928;
  line-height: 1;
  letter-spacing: -0.02em;
}

.hy-awards-year-label {
  font-family: "Inter", sans-serif;
  font-size: 9px;
  font-weight: 700;
  color: rgba(61, 73, 40, 0.4);
  letter-spacing: 0.15em;
  margin-top: 6px;
}

.hy-awards-year-grid {
  flex-grow: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

/* 4. AWARD CARD */
.hy-award-card {
  display: flex;
  gap: 20px;
  background: #ffffff;
  padding: 24px 28px;
  border-radius: 8px;
  border: 1px solid rgba(61, 73, 40, 0.04);
  box-shadow: 0 4px 15px rgba(61, 73, 40, 0.01);
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  align-items: center;
}

.hy-award-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(61, 73, 40, 0.05);
  border-color: rgba(197, 160, 89, 0.15);
}

.hy-award-card__badge-col {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
}

.hy-award-card__body {
  flex-grow: 1;
  text-align: left;
}

.hy-award-card__type {
  font-family: "Inter", sans-serif;
  font-size: 9px;
  font-weight: 700;
  color: #c5a059;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  display: block;
  margin-bottom: 4px;
}

.hy-award-card__org {
  font-family: "Noto Serif", serif;
  font-size: 15px;
  font-weight: 700;
  color: #3d4928;
  margin: 0 0 4px 0;
  line-height: 1.35;
}

.hy-award-card__detail {
  font-family: "Inter", sans-serif;
  font-size: 12.5px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.5);
  margin: 0;
}

/* =============================================================================
   DYNAMIC METALLIC SVG BADGES
   ============================================================================= */

.hy-award-badge {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.hy-award-badge__svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.hy-award-badge__lbl {
  font-family: "Inter", sans-serif;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.05em;
  margin-top: 4px;
  display: block;
  white-space: nowrap;
  transition: color 0.3s ease;
  color: rgba(61, 73, 40, 0.4);
}

/* Grand Gold & Premium Gold Styles */
.hy-award-badge--grand-gold .hy-award-badge__body-circle { fill: url(#grand-grad); }
.hy-award-badge--grand-gold .hy-award-badge__inner-ring { stroke: rgba(255, 255, 255, 0.55); }
.hy-award-badge--grand-gold .hy-award-badge__leaf-left,
.hy-award-badge--grand-gold .hy-award-badge__leaf-right,
.hy-award-badge--grand-gold .hy-award-badge__star { fill: rgba(255, 255, 255, 0.85); }
.hy-award-badge--grand-gold .hy-award-badge__ring { stroke: #c5a059; }
.hy-award-badge--grand-gold .hy-award-badge__ribbon-left,
.hy-award-badge--grand-gold .hy-award-badge__ribbon-right { fill: #c5a059; }
.hy-award-card:hover .hy-award-badge--grand-gold .hy-award-badge__lbl { color: #c5a059; }

/* Gold Styles */
.hy-award-badge--gold .hy-award-badge__body-circle { fill: url(#gold-grad); }
.hy-award-badge--gold .hy-award-badge__inner-ring { stroke: rgba(255, 255, 255, 0.45); }
.hy-award-badge--gold .hy-award-badge__leaf-left,
.hy-award-badge--gold .hy-award-badge__leaf-right,
.hy-award-badge--gold .hy-award-badge__star { fill: rgba(255, 255, 255, 0.75); }
.hy-award-badge--gold .hy-award-badge__ring { stroke: #c5a059; }
.hy-award-badge--gold .hy-award-badge__ribbon-left,
.hy-award-badge--gold .hy-award-badge__ribbon-right { fill: #c5a059; }
.hy-award-card:hover .hy-award-badge--gold .hy-award-badge__lbl { color: #c5a059; }

/* Silver Styles */
.hy-award-badge--silver .hy-award-badge__body-circle { fill: url(#silver-grad); }
.hy-award-badge--silver .hy-award-badge__inner-ring { stroke: rgba(255, 255, 255, 0.5); }
.hy-award-badge--silver .hy-award-badge__leaf-left,
.hy-award-badge--silver .hy-award-badge__leaf-right,
.hy-award-badge--silver .hy-award-badge__star { fill: rgba(255, 255, 255, 0.8); }
.hy-award-badge--silver .hy-award-badge__ring { stroke: #a8a8a8; }
.hy-award-badge--silver .hy-award-badge__ribbon-left,
.hy-award-badge--silver .hy-award-badge__ribbon-right { fill: #868886; }
.hy-award-card:hover .hy-award-badge--silver .hy-award-badge__lbl { color: #868886; }

/* Bronze Styles */
.hy-award-badge--bronze .hy-award-badge__body-circle { fill: url(#bronze-grad); }
.hy-award-badge--bronze .hy-award-badge__inner-ring { stroke: rgba(255, 255, 255, 0.4); }
.hy-award-badge--bronze .hy-award-badge__leaf-left,
.hy-award-badge--bronze .hy-award-badge__leaf-right,
.hy-award-badge--bronze .hy-award-badge__star { fill: rgba(255, 255, 255, 0.7); }
.hy-award-badge--bronze .hy-award-badge__ring { stroke: #a97047; }
.hy-award-badge--bronze .hy-award-badge__ribbon-left,
.hy-award-badge--bronze .hy-award-badge__ribbon-right { fill: #a97047; }
.hy-award-card:hover .hy-award-badge--bronze .hy-award-badge__lbl { color: #a97047; }

/* Global Rank Styles (EVOO World Ranking list) */
.hy-award-badge--global .hy-award-badge__body-circle { fill: url(#global-grad); }
.hy-award-badge--global .hy-award-badge__inner-ring { stroke: rgba(197, 160, 89, 0.4); }
.hy-award-badge--global .hy-award-badge__leaf-left,
.hy-award-badge--global .hy-award-badge__leaf-right,
.hy-award-badge--global .hy-award-badge__star { fill: #c5a059; }
.hy-award-badge--global .hy-award-badge__ring { stroke: #3d4928; }
.hy-award-badge--global .hy-award-badge__ribbon-left,
.hy-award-badge--global .hy-award-badge__ribbon-right { fill: #3d4928; }
.hy-award-card:hover .hy-award-badge--global .hy-award-badge__lbl { color: #55653b; }

/* =============================================================================
   RESPONSIVE DESIGN (TABLET & MOBILE)
   ============================================================================= */

@media (max-width: 1023px) {
  .hy-awards-hero {
    padding: 64px 20px 48px 20px;
  }

  .hy-awards-tabs-nav {
    margin-bottom: 56px;
    gap: 10px;
    flex-wrap: wrap;
  }

  .hy-awards-tabs-btn {
    padding: 10px 20px;
    font-size: 12px;
  }

  .hy-awards-year-block {
    flex-direction: column;
    gap: 28px;
    margin-bottom: 56px;
    padding-bottom: 56px;
  }

  .hy-awards-year-sidebar {
    width: 100%;
    position: static;
    flex-direction: row;
    align-items: baseline;
    gap: 12px;
  }

  .hy-awards-year-title {
    font-size: 36px;
  }

  .hy-awards-year-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .hy-award-card {
    padding: 20px;
  }
}


/* =============================================================================
   PRODUCT DETAIL PAGE (PDP) 47 AWARDS TRUST BADGE BAR
   ============================================================================= */

.hy-pdp-awards-badge-bar {
  margin: 20px 0 !important;
  display: block !important;
  text-decoration: none !important;
}

.hy-pdp-awards-badge-bar__inner {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 16px 20px !important;
  background: #fdfcf9 !important;
  border: 1.5px solid rgba(197, 160, 89, 0.2) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(197, 160, 89, 0.02) !important;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
  box-sizing: border-box !important;
}

.hy-pdp-awards-badge-bar__inner:hover {
  border-color: rgba(197, 160, 89, 0.55) !important;
  box-shadow: 0 8px 20px rgba(197, 160, 89, 0.08) !important;
  background: #ffffff !important;
  transform: translateY(-2px) !important;
}

.hy-pdp-awards-badge-bar__icon-wrap {
  width: 44px;
  height: 44px;
  flex-shrink: 0 !important;
  filter: drop-shadow(0 3px 8px rgba(197, 160, 89, 0.18)) !important;
}

.hy-pdp-awards-badge-bar__svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

.hy-pdp-awards-badge-bar__content {
  flex-grow: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  text-align: left !important;
}

.hy-pdp-awards-badge-bar__title {
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #3d4928 !important;
  line-height: 1.35 !important;
}

.hy-pdp-awards-badge-bar__desc {
  font-family: "Inter", sans-serif !important;
  font-size: 11px !important;
  color: rgba(61, 73, 40, 0.6) !important;
  margin-top: 3px !important;
  line-height: 1.4 !important;
}

.hy-pdp-awards-badge-bar__arrow {
  width: 18px;
  height: 18px;
  color: #c5a059 !important;
  opacity: 0.7 !important;
  transition: transform 0.3s ease, opacity 0.3s ease !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.hy-pdp-awards-badge-bar__arrow svg {
  width: 100% !important;
  height: 100% !important;
}

.hy-pdp-awards-badge-bar__inner:hover .hy-pdp-awards-badge-bar__arrow {
  transform: translateX(5px) !important;
  opacity: 1 !important;
}

@media (max-width: 639px) {
  .hy-pdp-awards-badge-bar__inner {
    padding: 12px 16px !important;
    gap: 12px !important;
  }

  .hy-pdp-awards-badge-bar__icon-wrap {
    width: 36px;
    height: 36px;
  }

  .hy-pdp-awards-badge-bar__title {
    font-size: 12px !important;
  }

  .hy-pdp-awards-badge-bar__desc {
    font-size: 10px !important;
  }
}


/* =============================================================================
   HOMEPAGE (FRONT-PAGE) 47 AWARDS SHOWCASE SECTION
   ============================================================================= */

.hy-home-awards-showcase {
  background: #ffffff;
  padding: 110px 0;
  border-top: 1px solid rgba(61, 73, 40, 0.04);
  border-bottom: 1px solid rgba(61, 73, 40, 0.04);
  position: relative;
  overflow: hidden;
}

.hy-home-awards-showcase__grid {
  display: grid;
  grid-template-columns: 38% 62%;
  gap: 64px;
  align-items: center;
}

.hy-home-awards-showcase__visual {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.hy-home-awards-showcase__seal-wrap {
  width: 220px;
  height: 220px;
  filter: drop-shadow(0 15px 40px rgba(197, 160, 89, 0.22));
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  cursor: pointer;
}

.hy-home-awards-showcase__seal-wrap:hover {
  transform: scale(1.06) rotate(3deg);
}

.hy-home-awards-showcase__svg-seal {
  width: 100%;
  height: 100%;
  display: block;
}

.hy-home-awards-showcase__content {
  text-align: left;
}

.hy-home-awards-showcase__subtitle {
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: var(--hy-color-tertiary, #c5a059);
  letter-spacing: 0.25em;
  text-transform: uppercase;
  display: block;
  margin-bottom: 16px;
}

.hy-home-awards-showcase__title {
  font-family: "Noto Serif", serif;
  font-size: clamp(1.8rem, 3.2vw, 2.5rem);
  font-weight: 700;
  color: #3d4928;
  line-height: 1.25;
  margin: 0 0 16px 0;
  letter-spacing: -0.015em;
}

.hy-home-awards-showcase__lead {
  font-family: "Noto Serif", serif;
  font-size: 17px;
  font-weight: 600;
  color: rgba(61, 73, 40, 0.85);
  margin: 0 0 20px 0;
  font-style: italic;
  line-height: 1.5;
}

.hy-home-awards-showcase__text {
  font-family: "Inter", sans-serif;
  font-size: 14.5px;
  line-height: 1.8;
  color: rgba(0, 0, 0, 0.55);
  margin: 0 0 32px 0;
  max-width: 620px;
}

.hy-home-awards-showcase__action {
  display: flex;
}

/* =============================================================================
   RESPONSIVE DESIGN (TABLET & MOBILE)
   ============================================================================= */

@media (max-width: 1023px) {
  .hy-home-awards-showcase {
    padding: 72px 0;
  }

  .hy-home-awards-showcase__grid {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 0 20px;
  }

  .hy-home-awards-showcase__content {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .hy-home-awards-showcase__text {
    margin-left: auto;
    margin-right: auto;
  }

  .hy-home-awards-showcase__action {
    justify-content: center;
  }

  .hy-home-awards-showcase__seal-wrap {
    width: 180px;
    height: 180px;
  }
}


/* =============================================================================
   INVERTED SECTION STYLE OVERRIDES: BENEFITS (DARK) & QUOTE (LIGHT)
   ============================================================================= */

/* 1. Benefits Section: Changing from Warm Light to Premium Dark Green */
.hy-home-benefits {
  background: var(--hy-color-primary, #3d4928) !important;
  color: #ffffff !important;
  border-top: none !important;
  border-bottom: none !important;
}

.hy-home-benefit-card__icon-wrap {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: var(--hy-color-tertiary, #c5a059) !important;
}

.hy-home-benefit-card:hover .hy-home-benefit-card__icon-wrap {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(197, 160, 89, 0.4) !important;
  transform: scale(1.08) translateY(-2px) !important;
}

.hy-home-benefit-card__title {
  color: #ffffff !important;
}

.hy-home-benefit-card__desc {
  color: rgba(255, 255, 255, 0.65) !important;
}

/* 2. Quote Section: Changing from Dark Green to Warm Light Cream */
.hy-home-quote {
  background: #faf9f6 !important;
  color: #3d4928 !important;
  border-top: 1px solid rgba(61, 73, 40, 0.04) !important;
  border-bottom: 1px solid rgba(61, 73, 40, 0.04) !important;
}

.hy-home-quote__bg {
  display: none !important; /* Hides the dark image background overlay completely */
}

.hy-home-quote__icon {
  color: var(--hy-color-tertiary, #c5a059) !important;
  opacity: 0.95 !important;
}

.hy-home-quote__text {
  color: #3d4928 !important;
}

.hy-home-quote__name {
  color: #3d4928 !important;
}

.hy-home-quote__role {
  color: rgba(61, 73, 40, 0.55) !important;
  opacity: 1 !important;
}


/* =============================================================================
   AWARDS SHOWCASE BUTTON COLOR OVERRIDE (GREEN BACKGROUND WITH WHITE TEXT)
   ============================================================================= */

.hy-home-awards-showcase .hy-home-btn--primary {
  background: var(--hy-color-primary, #3d4928) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(61, 73, 40, 0.12) !important;
}

.hy-home-awards-showcase .hy-home-btn--primary:hover {
  background: var(--hy-color-tertiary, #c5a059) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 20px rgba(197, 160, 89, 0.2) !important;
  transform: translateY(-1px) !important;
}

.hy-home-awards-showcase .hy-home-btn--primary .hy-home-icon--arrow {
  color: #ffffff !important;
}


/* =============================================================================
   CUSTOM "ANALİZ RAPORLARIMIZ" PAGE STYLES (page-analiz-raporlarimiz.php)
   ============================================================================= */

.hy-analysis-page {
  background: #faf9f6;
  padding-bottom: 120px;
}

/* 1. HERO HEADER */
.hy-analysis-hero {
  padding: 100px 0 64px 0;
  text-align: center;
  background: #ffffff;
  border-bottom: 1px solid rgba(61, 73, 40, 0.05);
}

.hy-analysis-hero__subtitle {
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  color: var(--hy-color-tertiary, #c5a059);
  display: block;
  margin-bottom: 12px;
}

.hy-analysis-hero__title {
  font-family: "Noto Serif", serif;
  font-size: clamp(2.5rem, 4.5vw, 3.75rem);
  font-weight: 700;
  color: #3d4928;
  margin: 0 0 16px 0;
  line-height: 1.15;
}

.hy-analysis-hero__desc {
  font-family: "Noto Serif", serif;
  font-size: clamp(1rem, 1.4vw, 1.22rem);
  color: rgba(61, 73, 40, 0.7);
  max-width: 760px;
  margin: 0 auto;
  line-height: 1.7;
}

.hy-analysis-hero__line {
  width: 50px;
  height: 1.5px;
  background: #c5a059;
  margin: 32px auto 0 auto;
}

/* 2. FILTER BAR */
.hy-analysis-filter-bar {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: -24px;
  position: relative;
  z-index: 10;
  margin-bottom: 64px;
  flex-wrap: wrap;
}

.hy-analysis-filter-btn {
  padding: 12px 24px;
  background: #ffffff;
  border: 1px solid rgba(61, 73, 40, 0.08);
  border-radius: 30px;
  font-family: "Inter", sans-serif;
  font-size: 12.5px;
  font-weight: 700;
  color: #3d4928;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
  outline: none;
}

.hy-analysis-filter-btn:hover {
  border-color: #c5a059;
  color: #c5a059;
  transform: translateY(-1px);
}

.hy-analysis-filter-btn.is-active {
  background: #3d4928;
  color: #ffffff !important;
  border-color: #3d4928;
  box-shadow: 0 8px 24px rgba(61, 73, 40, 0.15);
}

/* 3. REPORTS GRID */
.hy-analysis-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  transition: all 0.35s ease;
}

.hy-analysis-card {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid rgba(61, 73, 40, 0.04);
  box-shadow: 0 6px 20px rgba(61, 73, 40, 0.015);
  padding: 32px;
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  box-sizing: border-box;
  opacity: 1;
  transform: translateY(0);
}

.hy-analysis-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 40px rgba(61, 73, 40, 0.08);
  border-color: rgba(197, 160, 89, 0.2);
}

.hy-analysis-card__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}

.hy-analysis-card__header-main {
  text-align: left;
}

.hy-analysis-card__tag {
  font-family: "Inter", sans-serif;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  display: inline-block;
  padding: 4px 8px;
  border-radius: 4px;
  margin-bottom: 8px;
}

.hy-analysis-card__tag--zeytinyagi {
  background: rgba(61, 73, 40, 0.06);
  color: #3d4928;
}

.hy-analysis-card__tag--incir {
  background: rgba(197, 160, 89, 0.08);
  color: #c5a059;
}

.hy-analysis-card__year {
  font-family: "Noto Serif", serif;
  font-size: 20px;
  font-weight: 700;
  color: #3d4928;
  margin: 0;
  line-height: 1.35;
}

.hy-analysis-card__badge-icon {
  width: 24px;
  height: 24px;
  color: #c5a059;
  opacity: 0.85;
  flex-shrink: 0;
}

.hy-analysis-card__badge-icon svg {
  width: 100%;
  height: 100%;
}

.hy-analysis-card__lab-info {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(61, 73, 40, 0.06);
  margin-bottom: 20px;
}

.hy-analysis-card__lab-svg {
  width: 14px;
  height: 14px;
  color: rgba(61, 73, 40, 0.4);
  flex-shrink: 0;
}

.hy-analysis-card__lab-text {
  font-family: "Inter", sans-serif;
  font-size: 11px;
  color: rgba(61, 73, 40, 0.6);
  text-align: left;
  line-height: 1.4;
}

.hy-analysis-card__specs {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-grow: 1;
  margin-bottom: 28px;
}

.hy-analysis-card__spec-item {
  display: flex;
  flex-direction: column;
  text-align: left;
}

.hy-analysis-card__spec-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 4px;
}

.hy-analysis-card__spec-label {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.65);
}

.hy-analysis-card__spec-val {
  font-family: "Noto Serif", serif;
  font-size: 14.5px;
  font-weight: 700;
  color: #3d4928;
}

.hy-analysis-card__spec-desc {
  font-family: "Inter", sans-serif;
  font-size: 10px;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 500;
}

.hy-analysis-card__actions {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.hy-analysis-card__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 12px 6px;
  font-family: "Inter", sans-serif;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 6px;
  cursor: pointer;
  text-decoration: none !important;
  transition: all 0.3s ease;
  box-sizing: border-box;
  outline: none;
}

.hy-analysis-card__btn--view {
  background: #3d4928;
  color: #ffffff !important;
  border: 1px solid #3d4928;
}

.hy-analysis-card__btn--view:hover {
  background: #c5a059;
  border-color: #c5a059;
}

.hy-analysis-card__btn--download {
  background: #ffffff;
  color: #3d4928 !important;
  border: 1px solid rgba(61, 73, 40, 0.2);
}

.hy-analysis-card__btn--download:hover {
  border-color: #3d4928;
  background: #faf9f6;
}

.hy-analysis-card__btn.is-disabled {
  background: #f3f4f6 !important;
  color: #9ca3af !important;
  border-color: #e5e7eb !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
  opacity: 0.6;
}

.hy-analysis-card__btn-icon {
  width: 13px;
  height: 13px;
}

/* =============================================================================
   CUSTOM MODAL LIGHTBOX STYLING
   ============================================================================= */

.hy-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(36, 44, 22, 0.88);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
  padding: 40px 20px;
  box-sizing: border-box;
}

.hy-lightbox.is-active {
  opacity: 1;
  pointer-events: auto;
}

.hy-lightbox__close {
  position: absolute;
  top: 24px;
  right: 24px;
  background: none;
  border: none;
  color: #ffffff;
  width: 44px;
  height: 44px;
  cursor: pointer;
  transition: transform 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
}

.hy-lightbox__close:hover {
  transform: scale(1.1) rotate(90deg);
}

.hy-lightbox__close svg {
  width: 28px;
  height: 28px;
}

.hy-lightbox__content {
  max-width: 900px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.hy-lightbox__title {
  font-family: "Noto Serif", serif;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 16px 0;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.hy-lightbox__img-wrap {
  max-height: 80vh;
  overflow-y: auto;
  background: #ffffff;
  border-radius: 8px;
  border: 4px solid #ffffff;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
  box-sizing: border-box;
}

.hy-lightbox__img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 72vh;
  object-fit: contain;
}

/* =============================================================================
   RESPONSIVE DESIGN (TABLET & MOBILE)
   ============================================================================= */

@media (max-width: 1023px) {
  .hy-analysis-hero {
    padding: 64px 20px 48px 20px;
  }

  .hy-analysis-filter-bar {
    margin-bottom: 48px;
  }

  .hy-analysis-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 0 16px;
  }

  .hy-analysis-card {
    padding: 24px;
  }
}

@media (max-width: 639px) {
  .hy-analysis-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .hy-lightbox {
    padding: 20px 10px;
  }

  .hy-lightbox__close {
    top: 16px;
    right: 16px;
  }
}


/* =============================================================================
   CUSTOM "SERTİFİKALARIMIZ" PAGE STYLES (page-sertifikalarimiz.php)
   ============================================================================= */

.hy-certs-page {
  background: #faf9f6;
  padding-bottom: 120px;
}

/* 1. HERO HEADER */
.hy-certs-hero {
  padding: 100px 0 64px 0;
  text-align: center;
  background: #ffffff;
  border-bottom: 1px solid rgba(61, 73, 40, 0.05);
}

.hy-certs-hero__subtitle {
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  color: var(--hy-color-tertiary, #c5a059);
  display: block;
  margin-bottom: 12px;
}

.hy-certs-hero__title {
  font-family: "Noto Serif", serif;
  font-size: clamp(2.5rem, 4.5vw, 3.75rem);
  font-weight: 700;
  color: #3d4928;
  margin: 0 0 16px 0;
  line-height: 1.15;
}

.hy-certs-hero__desc {
  font-family: "Noto Serif", serif;
  font-size: clamp(1rem, 1.4vw, 1.22rem);
  color: rgba(61, 73, 40, 0.7);
  max-width: 760px;
  margin: 0 auto;
  line-height: 1.7;
}

.hy-certs-hero__line {
  width: 50px;
  height: 1.5px;
  background: #c5a059;
  margin: 32px auto 0 auto;
}

/* 2. CERTIFICATES GRID */
.hy-certs-grid-section {
  padding: 80px 0;
}

.hy-certs-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

.hy-cert-card {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid rgba(61, 73, 40, 0.04);
  box-shadow: 0 6px 20px rgba(61, 73, 40, 0.01);
  padding: 40px 32px;
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  align-items: center;
  text-align: center;
  box-sizing: border-box;
}

.hy-cert-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 40px rgba(61, 73, 40, 0.08);
  border-color: rgba(197, 160, 89, 0.2);
}

.hy-cert-card__emblem-wrap {
  width: 100px;
  height: 100px;
  margin-bottom: 28px;
  filter: drop-shadow(0 8px 16px rgba(197, 160, 89, 0.12));
  transition: transform 0.5s ease, filter 0.5s ease;
}

.hy-cert-card:hover .hy-cert-card__emblem-wrap {
  transform: scale(1.06) rotate(2deg);
  filter: drop-shadow(0 12px 24px rgba(197, 160, 89, 0.2));
}

.hy-cert-card__svg-emblem {
  width: 100%;
  height: 100%;
  display: block;
}

.hy-cert-card__body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  margin-bottom: 28px;
}

.hy-cert-card__title {
  font-family: "Noto Serif", serif;
  font-size: 20px;
  font-weight: 700;
  color: #3d4928;
  margin: 0 0 6px 0;
  line-height: 1.3;
}

.hy-cert-card__subtitle {
  font-family: "Inter", sans-serif;
  font-size: 11.5px;
  font-weight: 700;
  color: var(--hy-color-tertiary, #c5a059);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
  margin-bottom: 12px;
}

.hy-cert-card__authority {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  color: rgba(61, 73, 40, 0.6);
  margin: 0 0 20px 0;
  line-height: 1.5;
}

.hy-cert-card__status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  background: rgba(61, 73, 40, 0.03);
  border: 1px solid rgba(61, 73, 40, 0.06);
  border-radius: 4px;
  margin-top: auto;
  align-self: center;
}

.hy-cert-card__status-icon {
  width: 13px;
  height: 13px;
  color: #3d4928;
  flex-shrink: 0;
}

.hy-cert-card__status-text {
  font-family: "Inter", sans-serif;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #3d4928;
}

.hy-cert-card__actions {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  width: 100%;
}

.hy-cert-card__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 12px 6px;
  font-family: "Inter", sans-serif;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 6px;
  cursor: pointer;
  text-decoration: none !important;
  transition: all 0.3s ease;
  box-sizing: border-box;
  outline: none;
}

.hy-cert-card__btn--view {
  background: #3d4928;
  color: #ffffff !important;
  border: 1px solid #3d4928;
}

.hy-cert-card__btn--view:hover {
  background: #c5a059;
  border-color: #c5a059;
}

.hy-cert-card__btn--download {
  background: #ffffff;
  color: #3d4928 !important;
  border: 1px solid rgba(61, 73, 40, 0.2);
}

.hy-cert-card__btn--download:hover {
  border-color: #3d4928;
  background: #faf9f6;
}

.hy-cert-card__btn.is-disabled {
  background: #f3f4f6 !important;
  color: #9ca3af !important;
  border-color: #e5e7eb !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
  opacity: 0.6;
}

.hy-cert-card__btn-icon {
  width: 13px;
  height: 13px;
}

/* =============================================================================
   RESPONSIVE DESIGN (TABLET & MOBILE)
   ============================================================================= */

@media (max-width: 1023px) {
  .hy-certs-hero {
    padding: 64px 20px 48px 20px;
  }

  .hy-certs-grid-section {
    padding: 48px 0;
  }

  .hy-certs-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 0 16px;
  }

  .hy-cert-card {
    padding: 32px 24px;
  }
}

@media (max-width: 639px) {
  .hy-certs-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}


/* =============================================================================
   CUSTOM "BANKA HESAP BİLGİLERİMİZ" RESPONSIVE PAGE STYLES (page-banka-hesap-bilgilerimiz.php)
   ============================================================================= */

.hy-bank-page {
  background: #faf9f6;
  padding: 80px 0 120px 0;
  min-height: 80vh;
  display: flex;
  align-items: center;
}

.hy-bank-container {
  max-width: 960px !important; /* Full width container for desktop grid layout */
  margin: 0 auto;
  padding: 0 24px;
  width: 100%;
  box-sizing: border-box;
}

/* 1. HERO HEADER */
.hy-bank-header {
  text-align: center;
  margin-bottom: 48px;
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
}

.hy-bank-header__icon-wrap {
  width: 56px;
  height: 56px;
  background: rgba(61, 73, 40, 0.05);
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px auto;
  color: #3d4928;
}

.hy-bank-header__icon-wrap svg {
  width: 28px;
  height: 28px;
}

.hy-bank-header__title {
  font-family: "Noto Serif", serif;
  font-size: 30px;
  font-weight: 700;
  color: #3d4928;
  margin: 0 0 12px 0;
  line-height: 1.25;
}

.hy-bank-header__desc {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: rgba(61, 73, 40, 0.65);
  line-height: 1.65;
  margin: 0;
}

/* 2. BANK CARDS GRID */
.hy-bank-cards-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 columns on desktop side-by-side */
  gap: 32px;
  margin-bottom: 48px;
}

.hy-bank-card {
  border-radius: 16px;
  padding: 32px;
  color: #ffffff;
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 35px rgba(61, 73, 40, 0.08);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-height: 260px;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;
}

.hy-bank-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 48px rgba(61, 73, 40, 0.15);
}

.hy-bank-card--garanti {
  background: linear-gradient(135deg, #0e5b41 0%, #063122 100%);
}

.hy-bank-card--ziraat {
  background: linear-gradient(135deg, #87261a 0%, #4a0f0a 100%);
}

.hy-bank-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}

.hy-bank-card__bank-logo {
  display: flex;
  align-items: center;
  gap: 12px;
}

.hy-bank-card__logo-char {
  width: 30px;
  height: 30px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 900;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.25);
}

.hy-bank-card__bank-title {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #ffffff;
}

.hy-bank-card__chip {
  width: 32px;
  height: 24px;
  background: linear-gradient(135deg, #fff0ca 0%, #c5a059 100%);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  padding: 4px 6px;
  box-sizing: border-box;
  opacity: 0.85;
}

.hy-bank-card__chip-line {
  height: 1.5px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 2px;
}

.hy-bank-card__body {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-bottom: 28px;
  text-align: left;
}

.hy-bank-card__field {
  display: flex;
  flex-direction: column;
}

.hy-bank-card__label {
  font-family: "Inter", sans-serif;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 6px;
}

.hy-bank-card__value {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
}

/* Recipient copy alignment styling */
.hy-bank-card__holder-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
}

.hy-bank-card__mini-copy {
  background: none;
  border: none;
  padding: 5px;
  color: rgba(255, 255, 255, 0.45);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  transition: all 0.2s ease;
  outline: none;
  margin: 0;
}

.hy-bank-card__mini-copy:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.12);
}

.hy-bank-card__mini-copy.is-copied {
  color: var(--hy-color-tertiary, #c5a059) !important;
  background: rgba(255, 255, 255, 0.18) !important;
}

.hy-bank-card__mini-copy svg {
  width: 14px;
  height: 14px;
}

.hy-bank-card__iban-wrap {
  display: flex;
  align-items: center;
  margin-top: 2px;
}

.hy-bank-card__iban-num {
  font-family: "Courier New", Courier, monospace;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #ffffff;
  word-break: break-all;
}

.hy-bank-card__footer {
  margin-top: auto;
}

.hy-bank-card__copy-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 13px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff !important;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  outline: none;
}

.hy-bank-card__copy-btn:hover {
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.3);
}

.hy-bank-card__copy-btn.is-copied {
  background: #ffffff !important;
  color: #3d4928 !important;
  border-color: #ffffff !important;
  box-shadow: 0 8px 24px rgba(255, 255, 255, 0.25);
}

.hy-bank-card__copy-icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}

.hy-bank-card__copy-btn.is-copied .hy-bank-card__copy-icon {
  color: #3d4928 !important;
  transform: scale(1.1);
}

/* 3. INSTRUCTIONS NOTEBOX */
.hy-bank-notebox {
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid rgba(61, 73, 40, 0.06);
  padding: 28px;
  text-align: left;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.01);
  box-sizing: border-box;
  max-width: 960px;
  margin: 0 auto;
}

.hy-bank-notebox__title-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

.hy-bank-notebox__svg {
  width: 18px;
  height: 18px;
  color: var(--hy-color-tertiary, #c5a059);
  flex-shrink: 0;
}

.hy-bank-notebox__title {
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 700;
  color: #3d4928;
  margin: 0;
}

.hy-bank-notebox__list {
  margin: 0;
  padding: 0 0 0 16px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.7;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.hy-bank-notebox__list li {
  list-style-type: decimal;
}

.hy-bank-notebox__list li strong {
  color: #3d4928;
}

/* =============================================================================
   RESPONSIVE DESIGN OVERRIDES (TABLET & MOBILE)
   ============================================================================= */

@media (max-width: 767px) {
  .hy-bank-page {
    padding: 48px 0 80px 0;
  }

  .hy-bank-container {
    max-width: 460px !important; /* Stacked layout size for mobile */
  }

  .hy-bank-cards-list {
    grid-template-columns: 1fr; /* 1 column on mobile */
    gap: 20px;
  }

  .hy-bank-card {
    padding: 24px;
  }

  .hy-bank-notebox {
    padding: 20px;
  }
}


/* =============================================================================
   CUSTOM "İLETİŞİM" PAGE STYLES (page-iletisim.php)
   ============================================================================= */

.hy-contact-page {
  background: #faf9f6;
  padding-bottom: 120px;
}

/* 1. HERO HEADER */
.hy-contact-hero {
  padding: 100px 0 64px 0;
  text-align: center;
  background: #ffffff;
  border-bottom: 1px solid rgba(61, 73, 40, 0.05);
}

.hy-contact-hero__subtitle {
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  color: var(--hy-color-tertiary, #c5a059);
  display: block;
  margin-bottom: 12px;
}

.hy-contact-hero__title {
  font-family: "Noto Serif", serif;
  font-size: clamp(2.5rem, 4.5vw, 3.75rem);
  font-weight: 700;
  color: #3d4928;
  margin: 0 0 16px 0;
  line-height: 1.15;
}

.hy-contact-hero__desc {
  font-family: "Noto Serif", serif;
  font-size: clamp(1rem, 1.4vw, 1.22rem);
  color: rgba(61, 73, 40, 0.7);
  max-width: 760px;
  margin: 0 auto;
  line-height: 1.7;
}

.hy-contact-hero__line {
  width: 50px;
  height: 1.5px;
  background: #c5a059;
  margin: 32px auto 0 auto;
}

/* 2. LAYOUT */
.hy-contact-content {
  padding: 80px 0;
}

.hy-contact-layout {
  display: grid;
  grid-template-columns: 45% 55%;
  gap: 64px;
  align-items: start;
}

/* LEFT SIDE PANEL */
.hy-contact-info-panel {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.hy-contact-info-card {
  display: flex;
  gap: 20px;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid rgba(61, 73, 40, 0.04);
  padding: 32px;
  box-shadow: 0 6px 20px rgba(61, 73, 40, 0.015);
  box-sizing: border-box;
  text-align: left;
  transition: all 0.3s ease;
}

.hy-contact-info-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(61, 73, 40, 0.06);
}

.hy-contact-info-card__icon-wrap {
  width: 48px;
  height: 48px;
  background: rgba(61, 73, 40, 0.05);
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3d4928;
  flex-shrink: 0;
}

.hy-contact-info-card__icon-wrap svg {
  width: 22px;
  height: 22px;
}

.hy-contact-info-card__details {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.hy-contact-info-card__title {
  font-family: "Noto Serif", serif;
  font-size: 17px;
  font-weight: 700;
  color: #3d4928;
  margin: 0 0 10px 0;
}

.hy-contact-info-card__text {
  font-family: "Inter", sans-serif;
  font-size: 13.5px;
  line-height: 1.65;
  color: rgba(0, 0, 0, 0.6);
  margin: 0 0 14px 0;
}

.hy-contact-info-card__link {
  font-family: "Inter", sans-serif;
  font-size: 11.5px;
  font-weight: 700;
  color: var(--hy-color-tertiary, #c5a059);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  text-decoration: none !important;
  transition: color 0.3s ease;
  width: fit-content;
}

.hy-contact-info-card__link:hover {
  color: #3d4928;
}

.hy-contact-info-card__link:hover .hy-mini-arrow {
  transform: translateX(3px);
}

.hy-mini-arrow {
  width: 14px;
  height: 14px;
  transition: transform 0.3s ease;
}

.hy-contact-info-card__phones {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 20px;
}

.hy-contact-phone-link {
  font-family: "Inter", sans-serif;
  font-size: 13.5px;
  color: rgba(0, 0, 0, 0.6);
  text-decoration: none !important;
  transition: color 0.3s ease;
  width: fit-content;
  display: inline-block;
}

.hy-contact-phone-link:hover {
  color: #3d4928;
}

.hy-phone-type {
  font-weight: 600;
  color: #3d4928;
  margin-right: 4px;
}

.hy-contact-whatsapp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #25d366;
  color: #ffffff !important;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  padding: 12px 20px;
  border-radius: 6px;
  text-decoration: none !important;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(37, 211, 102, 0.2);
  width: fit-content;
}

.hy-contact-whatsapp-btn:hover {
  background: #128c7e;
  box-shadow: 0 6px 20px rgba(18, 140, 126, 0.35);
  transform: translateY(-1px);
}

.hy-whatsapp-svg {
  width: 16px;
  height: 16px;
}

.hy-contact-info-card__email-link {
  font-family: "Inter", sans-serif;
  font-size: 14.5px;
  font-weight: 600;
  color: #3d4928;
  text-decoration: none !important;
  transition: color 0.3s ease;
  width: fit-content;
  border-bottom: 1px dashed rgba(61, 73, 40, 0.3);
  padding-bottom: 2px;
}

.hy-contact-info-card__email-link:hover {
  color: #c5a059;
  border-color: #c5a059;
}

.hy-contact-hours-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.hy-contact-hours-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(61, 73, 40, 0.05);
  padding-bottom: 8px;
  font-family: "Inter", sans-serif;
  font-size: 13.5px;
  color: rgba(0, 0, 0, 0.6);
}

.hy-contact-hours-list li:last-child {
  border: none;
  padding-bottom: 0;
}

.hy-hours-day {
  font-weight: 600;
  color: #3d4928;
}

.hy-hours-time {
  font-weight: 500;
}

.hy-hours-time--closed {
  color: #dc2626;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* RIGHT SIDE MEDIA PANEL */
.hy-contact-media-panel {
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: sticky;
  top: 120px;
}

.hy-contact-map-wrap {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(61, 73, 40, 0.06);
  box-shadow: 0 8px 30px rgba(61, 73, 40, 0.04);
  background: #ffffff;
  padding: 6px;
  box-sizing: border-box;
}

.hy-contact-map-iframe {
  border-radius: 8px;
  display: block;
  filter: grayscale(3%) contrast(102%);
}

.hy-contact-support-card {
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid rgba(61, 73, 40, 0.06);
  padding: 36px;
  text-align: center;
  box-shadow: 0 6px 24px rgba(61, 73, 40, 0.015);
  box-sizing: border-box;
}

.hy-contact-support-card__title {
  font-family: "Noto Serif", serif;
  font-size: 20px;
  font-weight: 700;
  color: #3d4928;
  margin: 0 0 12px 0;
}

.hy-contact-support-card__desc {
  font-family: "Inter", sans-serif;
  font-size: 13.5px;
  line-height: 1.65;
  color: rgba(0, 0, 0, 0.55);
  margin: 0 0 24px 0;
}

.hy-contact-support-card__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #3d4928;
  color: #ffffff !important;
  font-family: "Inter", sans-serif;
  font-size: 12.5px;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 30px;
  text-decoration: none !important;
  transition: all 0.3s ease;
  box-shadow: 0 6px 20px rgba(61, 73, 40, 0.15);
}

.hy-contact-support-card__btn:hover {
  background: #c5a059;
  box-shadow: 0 8px 24px rgba(197, 160, 89, 0.25);
  transform: translateY(-1px);
}

.hy-contact-support-card__btn:hover .hy-mini-arrow {
  transform: translateX(3px);
}

/* =============================================================================
   RESPONSIVE DESIGN (TABLET & MOBILE)
   ============================================================================= */

@media (max-width: 1023px) {
  .hy-contact-hero {
    padding: 64px 20px 48px 20px;
  }

  .hy-contact-content {
    padding: 48px 0;
  }

  .hy-contact-layout {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 0 16px;
  }

  .hy-contact-media-panel {
    position: static;
  }

  .hy-contact-info-card {
    padding: 24px;
  }

  .hy-contact-support-card {
    padding: 28px 20px;
  }
}


/* =============================================================================
   CUSTOM "BLOG & TARİFLER" ARCHIVE INDEX STYLES (home.php)
   ============================================================================= */

.hy-blog-page {
  background: #faf9f6;
  padding-bottom: 120px;
}

/* 1. HERO HEADER */
.hy-blog-hero {
  padding: 100px 0 64px 0;
  text-align: center;
  background: #ffffff;
  border-bottom: 1px solid rgba(61, 73, 40, 0.05);
}

.hy-blog-hero__subtitle {
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  color: var(--hy-color-tertiary, #c5a059);
  display: block;
  margin-bottom: 12px;
}

.hy-blog-hero__title {
  font-family: "Noto Serif", serif;
  font-size: clamp(2.5rem, 4.5vw, 3.75rem);
  font-weight: 700;
  color: #3d4928;
  margin: 0 0 16px 0;
  line-height: 1.15;
}

.hy-blog-hero__desc {
  font-family: "Noto Serif", serif;
  font-size: clamp(1rem, 1.4vw, 1.22rem);
  color: rgba(61, 73, 40, 0.7);
  max-width: 760px;
  margin: 0 auto;
  line-height: 1.7;
}

.hy-blog-hero__line {
  width: 50px;
  height: 1.5px;
  background: #c5a059;
  margin: 32px auto 0 auto;
}

/* 2. CONTENT AREA */
.hy-blog-content {
  padding: 80px 0;
}

/* A. FEATURED CARD */
.hy-blog-featured-card {
  display: flex;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid rgba(61, 73, 40, 0.04);
  box-shadow: 0 8px 30px rgba(61, 73, 40, 0.015);
  overflow: hidden;
  margin-bottom: 64px;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s ease;
  min-height: 420px;
  text-align: left;
}

.hy-blog-featured-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 48px rgba(61, 73, 40, 0.08);
}

.hy-blog-featured-card__media-link {
  width: 55%;
  position: relative;
  overflow: hidden;
  display: block;
}

.hy-blog-featured-card__media {
  width: 100%;
  height: 100%;
  position: relative;
}

.hy-blog-featured-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
  display: block;
}

.hy-blog-featured-card:hover .hy-blog-featured-card__img {
  transform: scale(1.04);
}

.hy-blog-featured-card__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(61, 73, 40, 0) 50%, rgba(61, 73, 40, 0.04) 100%);
}

.hy-blog-featured-card__body {
  width: 45%;
  padding: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}

.hy-blog-featured-card__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  margin-bottom: 16px;
}

.hy-blog-featured-card__category {
  font-weight: 700;
  color: var(--hy-color-tertiary, #c5a059);
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.hy-blog-featured-card__meta-divider {
  color: rgba(0, 0, 0, 0.2);
}

.hy-blog-featured-card__date {
  color: rgba(0, 0, 0, 0.4);
  font-weight: 500;
}

.hy-blog-featured-card__title {
  font-family: "Noto Serif", serif;
  font-size: clamp(1.6rem, 2.5vw, 2.1rem);
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 16px 0;
}

.hy-blog-featured-card__title a {
  color: #3d4928;
  text-decoration: none !important;
  transition: color 0.3s ease;
}

.hy-blog-featured-card__title a:hover {
  color: #c5a059;
}

.hy-blog-featured-card__excerpt {
  font-family: "Inter", sans-serif;
  font-size: 14.5px;
  line-height: 1.75;
  color: rgba(0, 0, 0, 0.55);
  margin: 0 0 28px 0;
}

.hy-blog-featured-card__read-more {
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: #3d4928;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  text-decoration: none !important;
  transition: color 0.3s ease;
  width: fit-content;
}

.hy-blog-featured-card__read-more:hover {
  color: #c5a059;
}

.hy-blog-featured-card__read-more:hover .hy-mini-arrow {
  transform: translateX(3px);
}

/* B. ARTICLES GRID */
.hy-blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-bottom: 64px;
}

.hy-blog-card {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid rgba(61, 73, 40, 0.04);
  box-shadow: 0 6px 20px rgba(61, 73, 40, 0.01);
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  box-sizing: border-box;
  text-align: left;
}

.hy-blog-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 40px rgba(61, 73, 40, 0.08);
  border-color: rgba(197, 160, 89, 0.2);
}

.hy-blog-card__media-link {
  position: relative;
  overflow: hidden;
  display: block;
  aspect-ratio: 16/10;
}

.hy-blog-card__media {
  width: 100%;
  height: 100%;
  position: relative;
}

.hy-blog-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
  display: block;
}

.hy-blog-card:hover .hy-blog-card__img {
  transform: scale(1.04);
}

.hy-blog-card__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.01);
}

.hy-blog-card__body {
  padding: 28px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.hy-blog-card__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Inter", sans-serif;
  font-size: 10.5px;
  margin-bottom: 12px;
}

.hy-blog-card__category {
  font-weight: 700;
  color: var(--hy-color-tertiary, #c5a059);
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.hy-blog-card__meta-divider {
  color: rgba(0, 0, 0, 0.2);
}

.hy-blog-card__date {
  color: rgba(0, 0, 0, 0.4);
  font-weight: 500;
}

.hy-blog-card__title {
  font-family: "Noto Serif", serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  margin: 0 0 12px 0;
  min-height: 48px;
}

.hy-blog-card__title a {
  color: #3d4928;
  text-decoration: none !important;
  transition: color 0.3s ease;
}

.hy-blog-card__title a:hover {
  color: #c5a059;
}

.hy-blog-card__excerpt {
  font-family: "Inter", sans-serif;
  font-size: 13.5px;
  line-height: 1.65;
  color: rgba(0, 0, 0, 0.55);
  margin: 0 0 20px 0;
  flex-grow: 1;
}

.hy-blog-card__read-more {
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: #3d4928;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  text-decoration: none !important;
  transition: color 0.3s ease;
  width: fit-content;
  margin-top: auto;
}

.hy-blog-card__read-more:hover {
  color: #c5a059;
}

.hy-blog-card__read-more:hover .hy-mini-arrow {
  transform: translateX(3px);
}

/* C. PAGINATION */
.hy-blog-pagination {
  margin-top: 32px;
}

.hy-blog-pagination .nav-links {
  display: flex;
  justify-content: center;
  gap: 8px;
}

.hy-blog-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 1px solid rgba(61, 73, 40, 0.08);
  background: #ffffff;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #3d4928;
  text-decoration: none !important;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.01);
}

.hy-blog-pagination .page-numbers:hover {
  border-color: #c5a059;
  color: #c5a059;
}

.hy-blog-pagination .page-numbers.current {
  background: #3d4928;
  color: #ffffff !important;
  border-color: #3d4928;
  box-shadow: 0 6px 16px rgba(61, 73, 40, 0.15);
}

/* D. EMPTY STATE */
.hy-blog-empty {
  text-align: center;
  padding: 80px 20px;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid rgba(61, 73, 40, 0.06);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.015);
  max-width: 600px;
  margin: 0 auto;
}

.hy-blog-empty__icon-wrap {
  width: 64px;
  height: 64px;
  background: rgba(61, 73, 40, 0.05);
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px auto;
  color: #3d4928;
}

.hy-blog-empty__icon-wrap svg {
  width: 32px;
  height: 32px;
}

.hy-blog-empty__title {
  font-family: "Noto Serif", serif;
  font-size: 20px;
  font-weight: 700;
  color: #3d4928;
  margin: 0 0 12px 0;
}

.hy-blog-empty__desc {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: rgba(61, 73, 40, 0.65);
  line-height: 1.65;
  margin: 0;
}

/* =============================================================================
   RESPONSIVE DESIGN (TABLET & MOBILE)
   ============================================================================= */

@media (max-width: 1023px) {
  .hy-blog-hero {
    padding: 64px 20px 48px 20px;
  }

  .hy-blog-content {
    padding: 48px 0;
  }

  .hy-blog-featured-card {
    flex-direction: column;
    min-height: auto;
    margin-bottom: 48px;
  }

  .hy-blog-featured-card__media-link {
    width: 100%;
    aspect-ratio: 16/9;
  }

  .hy-blog-featured-card__body {
    width: 100%;
    padding: 32px 24px;
  }

  .hy-blog-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 0 16px;
  }
}

@media (max-width: 639px) {
  .hy-blog-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .hy-blog-featured-card__body {
    padding: 24px 16px;
  }
}


/* =============================================================================
   CUSTOM "BLOG YAZI DETAYI" PREMIUM EDITORIAL STYLES (single.php)
   ============================================================================= */

.hy-blog-detail {
  background: #faf9f6;
  padding: 0 0 120px 0; /* Changed padding-top from 80px to 0 to prevent double spacing with hy-single-post-wrapper */
}

.hy-blog-detail__container {
  max-width: 1200px !important; /* Expanded container to fit 2-column grid layout */
  margin: 0 auto;
  padding: 0 24px;
  width: 100%;
  box-sizing: border-box;
}

/* 1. ARTICLE HEADER & BREADCRUMBS */
.hy-blog-detail__header {
  text-align: center;
  margin-bottom: 48px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.hy-blog-detail__breadcrumbs {
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: rgba(61, 73, 40, 0.45);
  margin-bottom: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.hy-blog-detail__breadcrumbs a {
  color: rgba(61, 73, 40, 0.45);
  text-decoration: none !important;
  transition: color 0.3s ease;
}

.hy-blog-detail__breadcrumbs a:hover {
  color: var(--hy-color-tertiary, #c5a059);
}

.hy-blog-detail__sep {
  color: rgba(61, 73, 40, 0.2);
  font-size: 10px;
}

.hy-blog-detail__current {
  color: #3d4928;
  font-weight: 700;
}

.hy-blog-detail__category {
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: var(--hy-color-tertiary, #c5a059);
  text-transform: uppercase;
  letter-spacing: 0.2em;
  display: block;
  margin-bottom: 16px;
}

.hy-blog-detail__title {
  font-family: "Noto Serif", serif;
  font-size: clamp(2rem, 3.8vw, 2.85rem);
  font-weight: 700;
  color: #3d4928;
  line-height: 1.25;
  margin: 0 0 24px 0;
  letter-spacing: -0.015em;
}

.hy-blog-detail__meta {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 12.5px;
  color: rgba(61, 73, 40, 0.6);
  flex-wrap: wrap;
}

.hy-blog-detail__meta-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.hy-blog-detail__meta-icon {
  width: 14px;
  height: 14px;
  color: var(--hy-color-tertiary, #c5a059);
  opacity: 0.85;
}

.hy-blog-detail__meta-divider {
  color: rgba(61, 73, 40, 0.25);
}

/* 2. FEATURED IMAGE */
.hy-blog-detail__featured {
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 56px;
  box-shadow: 0 10px 35px rgba(61, 73, 40, 0.05);
  border: 1px solid rgba(61, 73, 40, 0.04);
}

.hy-blog-detail__featured-img {
  width: 100%;
  display: block;
  height: auto;
  max-height: 520px;
  object-fit: cover;
}

/* 3. DYNAMIC COLUMN LAYOUT */
.hy-blog-layout {
  display: grid;
  grid-template-columns: 66% 34%;
  gap: 48px;
  align-items: start;
}

.hy-blog-main {
  max-width: 740px; /* Typographically optimal column body size */
  width: 100%;
  box-sizing: border-box;
}

/* ENTRY CONTENT STYLE SHEET */
.hy-blog-detail__content {
  text-align: left;
}

.hy-blog-detail__content p {
  font-family: "Noto Serif", serif;
  font-size: 17px;
  line-height: 1.9;
  color: #2c3321;
  margin: 0 0 28px 0;
  letter-spacing: -0.003em;
}

/* Styled lead paragraph (first paragraph inside article content) */
.hy-blog-detail__content > p:first-of-type {
  font-size: 19.5px;
  line-height: 1.8;
  color: #3d4928;
  font-style: italic;
  font-weight: 500;
  margin-bottom: 36px;
}

.hy-blog-detail__content h2,
.hy-blog-detail__content h3 {
  font-family: "Noto Serif", serif;
  font-weight: 700;
  color: #3d4928;
  margin: 48px 0 20px 0;
  line-height: 1.35;
}

.hy-blog-detail__content h2 {
  font-size: 25px;
  border-left: 3px solid #c5a059;
  padding-left: 16px;
}

.hy-blog-detail__content h3 {
  font-size: 21px;
}

.hy-blog-detail__content blockquote {
  border-left: 4px solid var(--hy-color-tertiary, #c5a059);
  padding: 16px 20px 16px 28px;
  margin: 40px 0;
  font-family: "Noto Serif", serif;
  font-style: italic;
  font-size: 19px;
  line-height: 1.65;
  color: #3d4928;
  font-weight: 500;
  background: rgba(197, 160, 89, 0.03);
  border-radius: 0 8px 8px 0;
  box-sizing: border-box;
}

.hy-blog-detail__content blockquote p {
  margin: 0;
  font-size: 19px;
}

.hy-blog-detail__content ul,
.hy-blog-detail__content ol {
  margin: 0 0 28px 0;
  padding-left: 24px;
  font-family: "Inter", sans-serif;
  font-size: 14.5px;
  line-height: 1.8;
  color: rgba(0, 0, 0, 0.65);
}

.hy-blog-detail__content li {
  margin-bottom: 10px;
}

.hy-blog-detail__content strong {
  color: #3d4928;
  font-weight: 700;
}

/* AUTHOR BIO BOX (At the bottom of article body) */
.hy-blog-author-box {
  display: flex;
  gap: 24px;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid rgba(61, 73, 40, 0.05);
  padding: 32px;
  margin: 56px 0 40px 0;
  box-shadow: 0 6px 20px rgba(61, 73, 40, 0.01);
  box-sizing: border-box;
  text-align: left;
  align-items: center;
}

.hy-blog-author-box__avatar-wrap {
  flex-shrink: 0;
}

.hy-blog-author-box__avatar {
  width: 64px;
  height: 64px;
  background: #3d4928;
  color: #ffffff;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 0.05em;
  border: 2px solid var(--hy-color-tertiary, #c5a059);
}

.hy-blog-author-box__content {
  display: flex;
  flex-direction: column;
}

.hy-blog-author-box__name {
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 700;
  color: #3d4928;
  margin: 0 0 6px 0;
}

.hy-blog-author-box__bio {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.55);
  line-height: 1.6;
  margin: 0;
}

/* FOOTER & TAGS */
.hy-blog-detail__footer {
  margin-top: 48px;
  padding-top: 28px;
  border-top: 1px solid rgba(61, 73, 40, 0.08);
}

.hy-blog-detail__tags {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 40px;
  align-items: center;
  text-align: left;
}

.hy-blog-detail__tags-label {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: #3d4928;
  margin-right: 8px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.hy-blog-detail__tag-item {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: rgba(61, 73, 40, 0.6);
  background: rgba(61, 73, 40, 0.03);
  padding: 6px 12px;
  border-radius: 4px;
  border: 1px solid rgba(61, 73, 40, 0.06);
}

.hy-blog-detail__back-wrap {
  display: flex;
  justify-content: flex-start;
}

.hy-blog-detail__back-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: 30px;
  background: #3d4928;
  color: #ffffff !important;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-decoration: none !important;
  transition: all 0.3s ease;
  box-shadow: 0 6px 20px rgba(61, 73, 40, 0.15);
}

.hy-blog-detail__back-btn:hover {
  background: #c5a059;
  box-shadow: 0 8px 24px rgba(197, 160, 89, 0.25);
  transform: translateY(-1px);
}

.hy-blog-detail__back-btn:hover .hy-blog-detail__back-icon {
  transform: translateX(-4px);
}

.hy-blog-detail__back-icon {
  width: 15px;
  height: 15px;
  transition: transform 0.3s ease;
}

/* 4. STICKY SIDEBAR PANEL */
.hy-blog-sidebar {
  display: flex;
  flex-direction: column;
  gap: 32px;
  position: sticky;
  top: 120px;
}

.hy-blog-widget {
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid rgba(61, 73, 40, 0.05);
  padding: 28px;
  box-shadow: 0 6px 20px rgba(61, 73, 40, 0.01);
  box-sizing: border-box;
  text-align: left;
}

.hy-blog-widget__title {
  font-family: "Noto Serif", serif;
  font-size: 15px;
  font-weight: 700;
  color: #3d4928;
  margin: 0 0 20px 0;
  border-bottom: 2px solid rgba(197, 160, 89, 0.15);
  padding-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.hy-blog-widget__text {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.65;
  margin: 0;
}

.hy-blog-widget__related-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.hy-related-post-item {
  display: flex;
  gap: 12px;
  align-items: center;
  text-decoration: none !important;
  transition: all 0.3s ease;
}

.hy-related-post-item:hover .hy-related-post-item__title {
  color: var(--hy-color-tertiary, #c5a059);
}

.hy-related-post-item__media {
  width: 60px;
  height: 60px;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.hy-related-post-item__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.hy-related-post-item:hover .hy-related-post-item__media img {
  transform: scale(1.05);
}

.hy-related-post-item__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: left;
}

.hy-related-post-item__title {
  font-family: "Noto Serif", serif;
  font-size: 13.5px;
  font-weight: 700;
  color: #3d4928;
  margin: 0;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.hy-related-post-item__date {
  font-family: "Inter", sans-serif;
  font-size: 10.5px;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 500;
}

/* WIDGET GOURMET SHOP CTA */
.hy-blog-widget--shop-cta {
  background: linear-gradient(135deg, #3d4928 0%, #1e2413 100%);
  border: none;
  color: #ffffff;
  position: relative;
  overflow: hidden;
}

.hy-blog-shop-cta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  z-index: 2;
}

.hy-blog-shop-cta__title {
  font-family: "Noto Serif", serif;
  font-size: 17px;
  font-weight: 700;
  color: var(--hy-color-tertiary, #c5a059);
  margin: 0 0 10px 0;
}

.hy-blog-shop-cta__desc {
  font-family: "Inter", sans-serif;
  font-size: 12.5px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.75);
  margin: 0 0 20px 0;
}

.hy-blog-shop-cta__btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 18px;
  border-radius: 20px;
  background: var(--hy-color-tertiary, #c5a059);
  color: #3d4928 !important;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-decoration: none !important;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(197, 160, 89, 0.2);
}

.hy-blog-shop-cta__btn:hover {
  background: #ffffff;
  color: #3d4928 !important;
  box-shadow: 0 6px 16px rgba(255, 255, 255, 0.3);
  transform: translateY(-1px);
}

.hy-blog-shop-cta__btn:hover .hy-blog-shop-cta__btn-icon {
  transform: translateX(3px);
}

.hy-blog-shop-cta__btn-icon {
  width: 12px;
  height: 12px;
  transition: transform 0.3s ease;
  color: #3d4928;
}

/* =============================================================================
   RESPONSIVE DESIGN (TABLET & MOBILE)
   ============================================================================= */

@media (max-width: 1023px) {
  .hy-blog-detail__container {
    padding: 0 16px;
  }

  .hy-blog-layout {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .hy-blog-sidebar {
    position: static;
  }
}

@media (max-width: 767px) {
  .hy-blog-detail {
    padding: 0 0 80px 0; /* Changed padding-top from 48px to 0 to prevent double spacing on mobile */
  }

  .hy-blog-detail__header {
    margin-bottom: 32px;
  }

  .hy-blog-detail__breadcrumbs {
    margin-bottom: 16px;
  }

  .hy-blog-detail__featured {
    margin-bottom: 36px;
    border-radius: 8px;
  }

  .hy-blog-detail__content p {
    font-size: 16px;
    line-height: 1.85;
    margin-bottom: 20px;
  }

  .hy-blog-detail__content > p:first-of-type {
    font-size: 18px;
    line-height: 1.75;
    margin-bottom: 28px;
  }

  .hy-blog-detail__content h2 {
    font-size: 21px;
    margin-top: 36px;
  }

  .hy-blog-detail__content h3 {
    font-size: 18px;
  }

  .hy-blog-detail__content blockquote {
    padding: 12px 16px 12px 20px;
    margin: 28px 0;
    font-size: 17px;
  }

  .hy-blog-detail__content blockquote p {
    font-size: 17px;
  }

  .hy-blog-author-box {
    padding: 24px;
    flex-direction: column;
    text-align: center;
    gap: 16px;
  }
}


/* =============================================================================
   CUSTOM STANDARD & LEGAL PAGES STYLES (page.php / Ön Bilgilendirme Formu etc.)
   ============================================================================= */

.hy-standard-page {
  background: #faf9f6;
  padding-bottom: 100px;
}

/* 1. HERO HEADER */
.hy-page-header {
  padding: 100px 0 64px 0;
  text-align: center;
  background: #ffffff;
  border-bottom: 1px solid rgba(61, 73, 40, 0.05);
}

.hy-page-header__title {
  font-family: "Noto Serif", serif;
  font-size: clamp(2.2rem, 4vw, 3.2rem);
  font-weight: 700;
  color: #3d4928;
  margin: 0;
  line-height: 1.25;
}

.hy-page-header__line {
  width: 50px;
  height: 1.5px;
  background: #c5a059;
  margin: 24px auto 0 auto;
}

/* 2. CONTENT CONTAINER */
.hy-page-content-wrap {
  padding: 80px 0;
}

.hy-page-content__container {
  max-width: 860px !important; /* Ideal reading and table containment width */
  margin: 0 auto;
  padding: 0 24px;
  width: 100%;
  box-sizing: border-box;
}

/* TYPOGRAPHY RULES FOR ENTRY CONTENT */
.hy-page-entry-content {
  text-align: left;
}

.hy-page-entry-content p {
  font-family: "Inter", sans-serif;
  font-size: 14.5px;
  line-height: 1.9;
  color: rgba(0, 0, 0, 0.65);
  margin: 0 0 24px 0;
}

.hy-page-entry-content h2,
.hy-page-entry-content h3,
.hy-page-entry-content h4 {
  font-family: "Noto Serif", serif;
  color: #3d4928;
  margin: 48px 0 20px 0;
  font-weight: 700;
  line-height: 1.35;
}

.hy-page-entry-content h2 {
  font-size: 20px;
  border-bottom: 1px solid rgba(61, 73, 40, 0.08);
  padding-bottom: 10px;
}

.hy-page-entry-content h3 {
  font-size: 17px;
}

.hy-page-entry-content h4 {
  font-size: 15.5px;
}

.hy-page-entry-content ul,
.hy-page-entry-content ol {
  margin: 0 0 24px 0;
  padding-left: 20px;
  font-family: "Inter", sans-serif;
  font-size: 14.5px;
  line-height: 1.85;
  color: rgba(0, 0, 0, 0.65);
}

.hy-page-entry-content li {
  margin-bottom: 10px;
}

.hy-page-entry-content strong {
  color: #3d4928;
  font-weight: 700;
}

.hy-page-entry-content hr {
  border: none;
  border-top: 1px solid rgba(61, 73, 40, 0.08);
  margin: 48px 0;
}

/* 3. TABLE STYLING (Highly relevant for preliminary forms, taxes, products) */
.hy-page-entry-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 36px 0;
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(61, 73, 40, 0.06);
  box-shadow: 0 4px 15px rgba(61, 73, 40, 0.01);
}

.hy-page-entry-content th,
.hy-page-entry-content td {
  padding: 14px 18px;
  text-align: left;
  font-family: "Inter", sans-serif;
  font-size: 13.5px;
  line-height: 1.5;
  border-bottom: 1px solid rgba(61, 73, 40, 0.05);
}

.hy-page-entry-content th {
  background: rgba(61, 73, 40, 0.04);
  color: #3d4928;
  font-weight: 700;
  border-bottom: 2px solid rgba(61, 73, 40, 0.08);
  text-transform: uppercase;
  font-size: 11.5px;
  letter-spacing: 0.05em;
}

.hy-page-entry-content tr:last-child td {
  border-bottom: none;
}

/* =============================================================================
   RESPONSIVE DESIGN (TABLET & MOBILE)
   ============================================================================= */

@media (max-width: 1023px) {
  .hy-page-header {
    padding: 64px 20px 48px 20px;
  }

  .hy-page-content-wrap {
    padding: 48px 0;
  }

  .hy-page-content__container {
    padding: 0 16px;
  }

  .hy-page-entry-content p {
    font-size: 13.5px;
    line-height: 1.8;
  }

  .hy-page-entry-content h2 {
    font-size: 18px;
    margin-top: 36px;
  }

  /* Horizontal scrolling for tables on mobile screens */
  .hy-page-entry-content table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}


/* =============================================================================
   CUSTOM 2-COLUMN LEGAL SIDEBAR LAYOUT STYLES (page.php)
   ============================================================================= */

.hy-legal-layout {
  display: grid;
  grid-template-columns: 24% 76%;
  gap: 48px;
  align-items: start;
}

.hy-legal-container {
  padding-left: 40px !important;
  padding-right: 40px !important;
  box-sizing: border-box;
}

@media (max-width: 1023px) {
  .hy-legal-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

.hy-legal-sidebar {
  position: sticky;
  top: 120px;
}

.hy-legal-sidebar__inner {
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid rgba(61, 73, 40, 0.05);
  padding: 32px;
  box-shadow: 0 6px 20px rgba(61, 73, 40, 0.015);
  box-sizing: border-box;
  text-align: left;
}

.hy-legal-sidebar__title {
  font-family: "Noto Serif", serif;
  font-size: 14px;
  font-weight: 700;
  color: #3d4928;
  margin: 0 0 24px 0;
  border-bottom: 2px solid rgba(197, 160, 89, 0.15);
  padding-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.hy-legal-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.hy-legal-nav__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border-radius: 6px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: rgba(61, 73, 40, 0.7);
  text-decoration: none !important;
  transition: all 0.3s ease;
  background: transparent;
  border: 1px solid transparent;
  box-sizing: border-box;
}

.hy-legal-nav__link:hover {
  background: rgba(61, 73, 40, 0.03);
  color: #3d4928;
}

.hy-legal-nav__link:hover .hy-legal-nav__icon {
  transform: translateX(3px);
  opacity: 1;
}

/* Active legal tab link */
.hy-legal-nav__link--active {
  background: #3d4928;
  color: #ffffff !important;
  box-shadow: 0 4px 15px rgba(61, 73, 40, 0.15);
}

.hy-legal-nav__link--active .hy-legal-nav__icon {
  opacity: 1;
  transform: translateX(2px);
}

.hy-legal-nav__icon {
  width: 12px;
  height: 12px;
  transition: transform 0.3s ease, opacity 0.3s ease;
  opacity: 0.4;
  color: currentColor;
}

.hy-legal-main {
  width: 100%;
}

/* =============================================================================
   RESPONSIVE DESIGN (TABLET & MOBILE)
   ============================================================================= */

@media (max-width: 1023px) {
  .hy-legal-layout {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .hy-legal-sidebar {
    position: static;
  }

  .hy-legal-sidebar__inner {
    padding: 24px;
  }

  .hy-legal-nav__link {
    padding: 10px 14px;
  }
}


/* =============================================================================
   HEADER ACCOUNT & CART ICON SIZE ADJUSTMENTS
   ============================================================================= */

.hy-site-header__account-link svg,
.hy-site-header__icon-link svg,
.hy-site-header__icon,
.hy-site-header__search-submit svg {
  width: 21px !important;
  height: 21px !important;
  stroke-width: 1.3px !important;
}

/* Re-adjust the cart badge alignment for the larger icon */
.hy-site-header__cart-count {
  top: -5px !important;
  right: -9px !important;
  width: 18px !important;
  height: 18px !important;
  font-size: 10px !important;
  border-radius: 50% !important;
}

/* Center-align icon elements vertically within flex actions */
.hy-site-header__actions {
  align-items: center !important;
}

.hy-site-header__account-link {
  align-items: center !important;
}

/* =============================================================================
   HESABIM — PREMIUM AUTH & PORTAL STYLES (v2 — Clean Rebuild)
   ============================================================================= */

/* ---------------------------------------------------------------------------
   A. PAGE-LEVEL LAYOUT OVERRIDES
   --------------------------------------------------------------------------- */

/* Auth wrap: override the default 860px page container */
.hy-account-auth-wrap {
  max-width: 680px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Portal wrap (logged-in): wide 2-column grid */
.hy-account-portal-wrap {
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* No vertical padding on the content-wrap for auth screens */
body.woocommerce-account:not(.logged-in) .hy-page-content-wrap {
  padding-top: 0 !important;
  padding-bottom: 20px !important;
}

body.woocommerce-account:not(.logged-in) .hy-standard-page {
  padding-bottom: 0 !important;
}

/* Kill ALL WooCommerce default form-level width/float/border constraints */
body.woocommerce-account .u-columns,
body.woocommerce-account .u-column1,
body.woocommerce-account .u-column2,
body.woocommerce-account .col2-set,
body.woocommerce-account .col-1,
body.woocommerce-account .col-2 {
  display: contents !important;
}

body.woocommerce-account form.login,
body.woocommerce-account form.register,
body.woocommerce-account .woocommerce-form-login,
body.woocommerce-account .woocommerce-form-register {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

/* Hide default WooCommerce h2 headings inside form panels */
body.woocommerce-account:not(.logged-in) .woocommerce > h2 {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   B. AUTH SECTION — BRAND HEADER
   --------------------------------------------------------------------------- */
.hy-auth {
  width: 100%;
}



/* ---------------------------------------------------------------------------
   C. AUTH CARD
   --------------------------------------------------------------------------- */
.hy-auth__card {
  background: #ffffff;
  border: 1px solid rgba(61, 73, 40, 0.07);
  border-radius: 16px;
  padding: 48px 44px;
  box-shadow:
    0 1px 3px rgba(0,0,0,0.02),
    0 12px 40px rgba(61, 73, 40, 0.04);
  position: relative;
  overflow: hidden;
}

/* Decorative gold top accent */
.hy-auth__card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, #c5a059 0%, #dcc188 50%, #c5a059 100%);
}

/* ---------------------------------------------------------------------------
   D. TAB SWITCHER (with sliding gold indicator)
   --------------------------------------------------------------------------- */
.hy-auth__nav {
  display: flex;
  position: relative;
  border-bottom: 1px solid #eaeae8;
  margin-bottom: 32px;
  gap: 0;
}

.hy-auth__nav-btn {
  background: none;
  border: none;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #9ca3af;
  padding: 12px 24px;
  cursor: pointer;
  transition: color 0.3s ease;
  position: relative;
  z-index: 1;
}

.hy-auth__nav-btn:hover {
  color: #4b5563;
}

.hy-auth__nav-btn.is-active {
  color: #1a261c;
}

/* The sliding gold underline */
.hy-auth__nav-indicator {
  position: absolute;
  bottom: -1px;
  height: 2px;
  background: #c5a059;
  border-radius: 2px 2px 0 0;
  transition: left 0.35s cubic-bezier(0.4, 0, 0.2, 1),
              width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.hy-auth__heading {
  font-family: "Noto Serif", serif;
  font-size: 22px;
  font-weight: 600;
  color: #1a261c;
  margin: 0 0 24px 0;
}

/* ---------------------------------------------------------------------------
   E. FORM PANELS
   --------------------------------------------------------------------------- */
.hy-auth__panel {
  display: none !important;
}
.hy-auth__panel.is-visible {
  display: block !important;
  animation: hyAuthFadeIn 0.4s ease;
}
.hy-auth__panel.is-visible form.register,
.hy-auth__panel.is-visible form.login {
  display: block !important;
}

@keyframes hyAuthFadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}



/* ---------------------------------------------------------------------------
   F. FORM FIELDS
   --------------------------------------------------------------------------- */
.hy-auth__field {
  margin-bottom: 22px;
}

.hy-auth__field-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.hy-auth__label {
  display: block;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  margin-bottom: 8px;
}

.hy-auth__input {
  width: 100% !important;
  height: 50px !important;
  background: #fafaf9 !important;
  border: 1px solid #e5e5e3 !important;
  border-radius: 8px !important;
  padding: 0 16px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  color: #1a261c !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease !important;
  box-sizing: border-box !important;
}

.hy-auth__input:focus {
  background: #ffffff !important;
  border-color: #c5a059 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.08) !important;
}

/* Webkit autofill background fix */
.hy-auth__input:-webkit-autofill,
.hy-auth__input:-webkit-autofill:hover,
.hy-auth__input:-webkit-autofill:focus {
  -webkit-text-fill-color: #1a261c !important;
  -webkit-box-shadow: 0 0 0px 1000px #fafaf9 inset !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

.hy-auth__forgot {
  font-size: 12px;
  font-weight: 500;
  color: #c5a059;
  text-decoration: none;
  transition: color 0.25s ease;
}
.hy-auth__forgot:hover {
  color: #8a7c5a;
}

/* ---------------------------------------------------------------------------
   G. ACTIONS ROW
   --------------------------------------------------------------------------- */
.hy-auth__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  gap: 16px;
}

.hy-auth__actions--end {
  justify-content: flex-end;
}

.hy-auth__remember {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  color: #6b7280;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}

.hy-auth__remember input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: #c5a059;
  cursor: pointer;
}

.hy-auth__submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 50px !important;
  min-width: 160px !important;
  padding: 0 32px !important;
  background: #1a261c !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease, transform 0.2s ease !important;
}

.hy-auth__submit:hover {
  background: #c5a059 !important;
  transform: translateY(-1px) !important;
}

.hy-auth__hint {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  color: #6b7280;
  line-height: 1.6;
  background: #fafaf9;
  border-left: 3px solid #c5a059;
  padding: 14px 18px;
  border-radius: 0 8px 8px 0;
  margin: 0 0 22px 0;
}

/* WooCommerce alert notices alignment within the auth wrap */
body.woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper {
  margin-bottom: 20px !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce-error,
body.woocommerce-account:not(.logged-in) .woocommerce-message,
body.woocommerce-account:not(.logged-in) .woocommerce-info {
  border-radius: 8px !important;
  font-size: 13.5px !important;
}

/* ---------------------------------------------------------------------------
   H. RESPONSIVE
   --------------------------------------------------------------------------- */
@media (max-width: 640px) {
  .hy-account-auth-wrap {
    padding: 0 16px !important;
  }
  body.woocommerce-account:not(.logged-in) .hy-page-content-wrap {
    padding-top: 25px !important;
    padding-bottom: 60px !important;
  }
  .hy-auth__card {
    padding: 36px 24px;
    border-radius: 12px;
  }
  .hy-auth__nav-btn {
    padding: 10px 16px;
    font-size: 13px;
  }
  .hy-auth__actions {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
  .hy-auth__submit {
    width: 100% !important;
  }
  .hy-auth__remember {
    justify-content: center;
  }
}

/* ---------------------------------------------------------------------------
   B2. PREMIUM CARD HEADER (replaces external brand block)
   --------------------------------------------------------------------------- */
.hy-auth__card-header {
  text-align: center;
  margin-bottom: 32px;
  padding-bottom: 28px;
  border-bottom: 1px solid #f0eeeb;
  position: relative;
}

.hy-auth__ornament {
  display: inline-block;
  font-size: 14px;
  color: #c5a059;
  margin-bottom: 14px;
  letter-spacing: 0.3em;
  opacity: 0.7;
}

.hy-auth__welcome-title {
  font-family: "Noto Serif", serif;
  font-size: 26px;
  font-weight: 600;
  color: #1a261c;
  margin: 0 0 10px 0;
  letter-spacing: -0.01em;
}

.hy-auth__welcome-text {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: #9ca3af;
  margin: 0;
  line-height: 1.5;
}

/* Decorative side lines flanking the card header ornament */
.hy-auth__card-header::before,
.hy-auth__card-header::after {
  content: '';
  position: absolute;
  top: 10px;
  width: 40px;
  height: 1px;
  background: rgba(197, 160, 89, 0.25);
}
.hy-auth__card-header::before {
  right: calc(50% + 20px);
}
.hy-auth__card-header::after {
  left: calc(50% + 20px);
}

/* ---------------------------------------------------------------------------
   PREMIUM EXTRAS: Input icon adornments & micro-interactions
   --------------------------------------------------------------------------- */

/* Subtle left border accent on focused fields */
.hy-auth__field:focus-within {
  position: relative;
}

.hy-auth__field:focus-within .hy-auth__label {
  color: #c5a059;
  transition: color 0.25s ease;
}

/* Smooth card entry */
.hy-auth__card {
  animation: hyCardRise 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes hyCardRise {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Submit button pulse glow on hover */
.hy-auth__submit:hover {
  box-shadow: 0 4px 20px rgba(197, 160, 89, 0.25) !important;
}

/* Premium checkbox custom styling */
.hy-auth__remember input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 16px !important;
  height: 16px !important;
  border: 1.5px solid #d1d5db;
  border-radius: 4px;
  background: #ffffff;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
}

.hy-auth__remember input[type="checkbox"]:checked {
  background: #c5a059;
  border-color: #c5a059;
}

.hy-auth__remember input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 5px;
  width: 4px;
  height: 8px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Password visibility toggle icon alignment */
.hy-auth__field .wp-pwd .button.wp-hide-pw,
.hy-auth__field .password-input .show-password-input {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #9ca3af;
  cursor: pointer;
}

/* Forgot password link subtle underline on hover */
.hy-auth__forgot:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}


/* =============================================================================
   LUXURY AUTH SCREEN REFINEMENTS (WARM BEIGE RADIAL BG, MONOGRAM SEAL, GOLD HIGHLIGHTS)
   ============================================================================= */

/* Page Background Gradient */
body.woocommerce-account:not(.logged-in) {
  background: radial-gradient(circle at top, #fdfbf7 0%, #f7f4ec 100%) !important;
}

body.woocommerce-account:not(.logged-in) .site-main {
  background: transparent !important;
}

/* Card Container layout proportions */
.hy-account-auth-wrap {
  max-width: 580px !important;
  margin: 0 auto !important;
  padding: 0 24px 20px 24px !important;
}

/* Card Body Styles */
.hy-auth__card {
  background: #ffffff !important;
  border: 1px solid rgba(61, 73, 40, 0.05) !important;
  border-radius: 16px !important;
  padding: 40px 40px 44px 40px !important;
  box-shadow: 
    0 4px 20px rgba(61, 73, 40, 0.01),
    0 24px 60px rgba(61, 73, 40, 0.04) !important;
  position: relative;
  overflow: hidden;
}

/* Gold Gradient Top border */
.hy-auth__card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 4px !important;
  background: linear-gradient(90deg, #c5a059 0%, #e2cfab 50%, #c5a059 100%) !important;
  z-index: 5 !important;
}

/* Seal Monogram positioning */
.hy-auth__seal-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}

.hy-auth__card-header {
  text-align: center;
  margin-bottom: 24px;
  padding-bottom: 22px;
  border-bottom: 1px solid #f2eee8 !important;
  position: relative;
}

/* Flanking gold line accents beside the monogram seal */
.hy-auth__card-header::before,
.hy-auth__card-header::after {
  content: '' !important;
  position: absolute !important;
  top: 25px !important;
  width: 50px !important;
  height: 1px !important;
  background: rgba(197, 160, 89, 0.2) !important;
}
.hy-auth__card-header::before {
  right: calc(50% + 50px) !important;
}
.hy-auth__card-header::after {
  left: calc(50% + 50px) !important;
}

.hy-auth__welcome-title {
  font-family: "Noto Serif", serif !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  color: #3d4928 !important; /* Forest Green */
  margin: 0 0 10px 0 !important;
  letter-spacing: -0.015em !important;
}

.hy-auth__welcome-text {
  font-family: "Inter", sans-serif !important;
  font-size: 13.5px !important;
  color: #8c8f94 !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}

/* Tab Toggle Button Styles */
.hy-auth__nav {
  display: flex !important;
  justify-content: center !important;
  gap: 32px !important;
  border-bottom: 1px solid #eaeae8 !important;
  margin-bottom: 24px !important;
  position: relative !important;
}

.hy-auth__nav-btn {
  background: none !important;
  border: none !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #9ca3af !important;
  padding: 14px 0 !important;
  cursor: pointer !important;
  transition: color 0.3s ease !important;
  position: relative !important;
}

.hy-auth__nav-btn:hover {
  color: #3d4928 !important;
}

.hy-auth__nav-btn.is-active {
  color: #3d4928 !important;
}

.hy-auth__nav-indicator {
  position: absolute !important;
  bottom: -1px !important;
  height: 2px !important;
  background: #c5a059 !important;
  transition: left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
              width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* Form labels and inputs styling */
.hy-auth__label {
  font-family: "Inter", sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #5a6547 !important; /* Delicate Olive/Charcoal */
  margin-bottom: 8px !important;
}

.hy-auth__input {
  width: 100% !important;
  height: 52px !important;
  background: #fdfdfd !important;
  border: 1px solid #eae7e1 !important;
  border-radius: 8px !important;
  padding: 0 18px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  color: #1a261c !important;
  box-sizing: border-box !important;
  transition: all 0.25s ease !important;
}

.hy-auth__input:focus {
  background: #ffffff !important;
  border-color: #c5a059 !important;
  box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.08) !important;
}

.hy-auth__field {
  margin-bottom: 20px !important;
}

/* Submit Action Button styling */
.hy-auth__submit {
  background: #3d4928 !important; /* Forest Green */
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  height: 52px !important;
  min-width: 160px !important;
  padding: 0 36px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 12px rgba(61, 73, 40, 0.15) !important;
}

.hy-auth__submit:hover {
  background: #c5a059 !important; /* Elegant Gold */
  box-shadow: 0 8px 24px rgba(197, 160, 89, 0.25) !important;
  transform: translateY(-1px) !important;
}

.hy-auth__forgot {
  color: #c5a059 !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  letter-spacing: 0.02em !important;
}

.hy-auth__forgot:hover {
  color: #3d4928 !important;
}

.hy-auth__remember {
  color: #6b7280 !important;
  font-size: 12.5px !important;
}

.hy-auth__remember input[type="checkbox"] {
  border-radius: 4px !important;
}


/* =============================================================================
   REGISTER TAB LUXURY DESIGN ACCENTS (HEADER HIDING & 2-COLUMN GRID)
   ============================================================================= */

/* Hide monogram seal and branding header when Üye Ol tab is active */
.hy-auth__card.is-register-active .hy-auth__card-header {
  display: none !important;
}

/* Compensate padding when header is hidden on register tab */
.hy-auth__card.is-register-active {
  padding-top: 44px !important;
}

/* 2-column Grid for Ad / Soyad fields */
.hy-auth__field-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
}

@media (max-width: 640px) {
  .hy-auth__field-grid {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
}


/* =============================================================================
   REGISTRATION PRIVACY POLICY TEXT LUXURY STYLING
   ============================================================================= */
.woocommerce-privacy-policy-text {
  font-family: "Inter", sans-serif !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  color: #8c8f94 !important;
  text-align: left !important;
  margin-top: 48px !important;
  margin-bottom: 24px !important;
}

.woocommerce-privacy-policy-text a.woocommerce-privacy-policy-link {
  color: #c5a059 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: color 0.25s ease !important;
}

.woocommerce-privacy-policy-text a.woocommerce-privacy-policy-link:hover {
  color: #3d4928 !important;
  text-decoration: underline !important;
}


/* =============================================================================
   PREMIUM WOOCOMMERCE NOTICES STYLING (ERRORS, MESSAGES, INFO)
   ============================================================================= */

/* Main wrapper adjustments */
body.woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper {
  margin-bottom: 24px !important;
}

/* Hide default WooCommerce icons */
.woocommerce-error::before,
.woocommerce-message::before,
.woocommerce-info::before {
  display: none !important;
}

/* Reset default margins and padding rules for notices */
.woocommerce-error,
.woocommerce-message,
.woocommerce-info {
  margin: 0 0 20px 0 !important;
  padding: 16px 20px !important;
  border-radius: 10px !important;
  list-style: none !important;
  font-family: "Inter", sans-serif !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
  border: 1px solid rgba(0, 0, 0, 0.03) !important;
}

/* 1. Error Notice */
.woocommerce-error {
  background: #fff5f5 !important;
  border-left: 3px solid #dc2626 !important;
  color: #4b5563 !important;
}

.woocommerce-error li {
  margin: 0 !important;
  padding: 0 0 0 24px !important;
  position: relative !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  text-align: left !important;
}

.woocommerce-error li::before {
  content: "✦" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  color: #dc2626 !important;
  font-size: 13px !important;
}

.woocommerce-error li strong {
  color: #111827 !important;
  font-weight: 600 !important;
}

/* 2. Success Message */
.woocommerce-message {
  background: #f4f7f4 !important;
  border-left: 3px solid #1a261c !important;
  color: #4b5563 !important;
}

.woocommerce-message li,
.woocommerce-message {
  font-size: 13px !important;
  line-height: 1.6 !important;
  text-align: left !important;
}

/* 3. Info Notice */
.woocommerce-info {
  background: #fdfbf8 !important;
  border-left: 3px solid #c5a059 !important;
  color: #4b5563 !important;
}

.woocommerce-info li,
.woocommerce-info {
  font-size: 13px !important;
  line-height: 1.6 !important;
  text-align: left !important;
}


/* =============================================================================
   PREMIUM CUSTOMER PORTAL & DASHBOARD DESIGN
   ============================================================================= */

/* Enforce full-width main container for myaccount portal */
.woocommerce-account .woocommerce {
  width: 100% !important;
  max-width: 100% !important;
}

/* Disable WooCommerce default layout floats */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
  float: none !important;
  width: 100% !important;
}

/* Portal Grid Layout */
.hy-portal {
  display: grid !important;
  grid-template-columns: 260px 1fr !important;
  gap: 40px !important;
  align-items: start !important;
  margin-top: 48px !important;
  width: 100% !important;
}

@media (max-width: 991px) {
  .hy-portal {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
}

/* Left Sidebar - Profile Card */
.hy-portal-nav-card {
  background: #fdfbf8 !important;
  border: 1px solid #eaeae8 !important;
  border-radius: 14px !important;
  padding: 24px 20px !important;
  text-align: center !important;
  margin-bottom: 20px !important;
}

.hy-portal-nav-card__avatar {
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  background: #3d4928 !important;
  color: #c5a059 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 12px auto !important;
  border: 2px solid #c5a059 !important;
  font-family: "Noto Serif", serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
}

.hy-portal-nav-card__welcome {
  display: block !important;
  font-family: "Inter", sans-serif !important;
  font-size: 11px !important;
  color: #9ca3af !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  font-weight: 500 !important;
}

.hy-portal-nav-card__name {
  font-family: "Inter", sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #1f2937 !important;
  margin: 4px 0 0 0 !important;
}

/* Left Sidebar - Menu List */
.hy-portal-menu {
  background: #ffffff !important;
  border: 1px solid #eaeae8 !important;
  border-radius: 14px !important;
  padding: 12px !important;
}

.hy-portal-menu__list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.hy-portal-menu__item {
  margin: 0 0 4px 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.hy-portal-menu__item:last-child {
  margin-bottom: 0 !important;
}

.hy-portal-menu__link {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 16px !important;
  color: #4b5563 !important;
  text-decoration: none !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  border-radius: 10px !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.hy-portal-menu__link:hover {
  color: #3d4928 !important;
  background: #fdfbf8 !important;
}

.hy-portal-menu__icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: inherit !important;
  transition: transform 0.25s ease !important;
}

.hy-portal-menu__icon svg {
  width: 18px !important;
  height: 18px !important;
  stroke-width: 1.8 !important;
}

/* Active Menu State */
.hy-portal-menu__item.is-active .hy-portal-menu__link {
  background: #3d4928 !important;
  color: #c5a059 !important;
  font-weight: 600 !important;
}

.hy-portal-menu__item.is-active .hy-portal-menu__link .hy-portal-menu__icon {
  color: #c5a059 !important;
}

/* Right Content Area - Welcome Header */
.hy-dashboard-welcome {
  text-align: left !important;
  margin-bottom: 36px !important;
  border-bottom: 1px solid #eaeae8 !important;
  padding-bottom: 24px !important;
}

.hy-dashboard-welcome__subtitle {
  display: block !important;
  font-family: "Inter", sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #c5a059 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
}

.hy-dashboard-welcome__title {
  font-family: "Noto Serif", serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #1f2937 !important;
  margin: 6px 0 10px 0 !important;
}

.hy-dashboard-welcome__desc {
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #6b7280 !important;
  margin: 0 !important;
}

/* Right Content Area - Grid & Cards */
.hy-dashboard-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
}

@media (max-width: 1200px) {
  .hy-dashboard-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 600px) {
  .hy-dashboard-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}

.hy-dashboard-card {
  background: #ffffff !important;
  border: 1px solid #eaeae8 !important;
  border-radius: 16px !important;
  padding: 28px 24px !important;
  text-align: left !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.hy-dashboard-card:hover {
  transform: translateY(-4px) !important;
  border-color: #c5a059 !important;
  box-shadow: 0 12px 30px rgba(61, 73, 40, 0.04) !important;
}

.hy-dashboard-card__icon {
  width: 46px !important;
  height: 46px !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 18px !important;
  transition: transform 0.3s ease !important;
}

.hy-dashboard-card:hover .hy-dashboard-card__icon {
  transform: scale(1.05) !important;
}

.hy-dashboard-card__icon svg {
  width: 22px !important;
  height: 22px !important;
}

/* Icons Colors Schemes */
.hy-dashboard-card__icon--orders {
  background: #f0f5eb !important;
  color: #3d4928 !important;
}

.hy-dashboard-card__icon--addresses {
  background: #fdf8ee !important;
  color: #c5a059 !important;
}

.hy-dashboard-card__icon--details {
  background: #f3f4f6 !important;
  color: #4b5563 !important;
}

.hy-dashboard-card__title {
  font-family: "Inter", sans-serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #111827 !important;
  margin: 0 0 8px 0 !important;
}

.hy-dashboard-card__desc {
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: #6b7280 !important;
  margin: 0 0 20px 0 !important;
}

.hy-dashboard-card__link {
  display: inline-block !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #3d4928 !important;
  text-decoration: none !important;
  transition: color 0.25s ease !important;
}

.hy-dashboard-card__link:hover {
  color: #c5a059 !important;
}


/* Logged-in My Account Spacings & Alignment */
body.woocommerce-account.logged-in .hy-page-content-wrap {
  padding-top: 16px !important;
  padding-bottom: 60px !important;
}

body.woocommerce-account.logged-in .hy-portal {
  margin-top: 0 !important;
}


/* =============================================================================
   LUXURY AUTH SCREEN REFINEMENTS (WARM BEIGE RADIAL BG, MONOGRAM SEAL, GOLD HIGHLIGHTS)
   ============================================================================= */

/* Page Background Gradient */
body.woocommerce-account:not(.logged-in) {
  background: radial-gradient(circle at top, #fdfbf7 0%, #f7f4ec 100%) !important;
}

body.woocommerce-account:not(.logged-in) .site-main {
  background: transparent !important;
}

/* Card Container layout proportions */
.hy-account-auth-wrap {
  max-width: 640px !important;
  margin: 0 auto !important;
  padding: 60px 24px !important;
}

/* Card Body Styles */
.hy-auth__card {
  background: #ffffff !important;
  border: 1px solid rgba(61, 73, 40, 0.05) !important;
  border-radius: 16px !important;
  padding: 56px 48px !important;
  box-shadow: 
    0 4px 20px rgba(61, 73, 40, 0.01),
    0 24px 60px rgba(61, 73, 40, 0.04) !important;
  position: relative;
  overflow: hidden;
}

/* Gold Gradient Top border */
.hy-auth__card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 4px !important;
  background: linear-gradient(90deg, #c5a059 0%, #e2cfab 50%, #c5a059 100%) !important;
  z-index: 5 !important;
}

/* Seal Monogram positioning */
.hy-auth__seal-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}

.hy-auth__card-header {
  text-align: center;
  margin-bottom: 36px;
  padding-bottom: 32px;
  border-bottom: 1px solid #f2eee8 !important;
  position: relative;
}

/* Flanking gold line accents beside the monogram seal */
.hy-auth__card-header::before,
.hy-auth__card-header::after {
  content: '' !important;
  position: absolute !important;
  top: 32px !important;
  width: 50px !important;
  height: 1px !important;
  background: rgba(197, 160, 89, 0.2) !important;
}
.hy-auth__card-header::before {
  right: calc(50% + 50px) !important;
}
.hy-auth__card-header::after {
  left: calc(50% + 50px) !important;
}

.hy-auth__welcome-title {
  font-family: "Noto Serif", serif !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  color: #3d4928 !important; /* Forest Green */
  margin: 0 0 10px 0 !important;
  letter-spacing: -0.015em !important;
}

.hy-auth__welcome-text {
  font-family: "Inter", sans-serif !important;
  font-size: 13.5px !important;
  color: #8c8f94 !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}

/* Tab Toggle Button Styles */
.hy-auth__nav {
  display: flex !important;
  justify-content: center !important;
  gap: 32px !important;
  border-bottom: 1px solid #eaeae8 !important;
  margin-bottom: 36px !important;
  position: relative !important;
}

.hy-auth__nav-btn {
  background: none !important;
  border: none !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #9ca3af !important;
  padding: 14px 0 !important;
  cursor: pointer !important;
  transition: color 0.3s ease !important;
  position: relative !important;
}

.hy-auth__nav-btn:hover {
  color: #3d4928 !important;
}

.hy-auth__nav-btn.is-active {
  color: #3d4928 !important;
}

.hy-auth__nav-indicator {
  position: absolute !important;
  bottom: -1px !important;
  height: 2px !important;
  background: #c5a059 !important;
  transition: left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
              width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* Form labels and inputs styling */
.hy-auth__label {
  font-family: "Inter", sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #5a6547 !important; /* Delicate Olive/Charcoal */
  margin-bottom: 8px !important;
}

.hy-auth__input {
  width: 100% !important;
  height: 52px !important;
  background: #fdfdfd !important;
  border: 1px solid #eae7e1 !important;
  border-radius: 8px !important;
  padding: 0 18px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  color: #1a261c !important;
  box-sizing: border-box !important;
  transition: all 0.25s ease !important;
}

.hy-auth__input:focus {
  background: #ffffff !important;
  border-color: #c5a059 !important;
  box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.08) !important;
}

.hy-auth__field {
  margin-bottom: 24px !important;
}

/* Submit Action Button styling */
.hy-auth__submit {
  background: #3d4928 !important; /* Forest Green */
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  height: 52px !important;
  min-width: 160px !important;
  padding: 0 36px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 12px rgba(61, 73, 40, 0.15) !important;
}

.hy-auth__submit:hover {
  background: #c5a059 !important; /* Elegant Gold */
  box-shadow: 0 8px 24px rgba(197, 160, 89, 0.25) !important;
  transform: translateY(-1px) !important;
}

.hy-auth__forgot {
  color: #c5a059 !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  letter-spacing: 0.02em !important;
}

.hy-auth__forgot:hover {
  color: #3d4928 !important;
}

.hy-auth__remember {
  color: #6b7280 !important;
  font-size: 12.5px !important;
}

.hy-auth__remember input[type="checkbox"] {
  border-radius: 4px !important;
}


/* =============================================================================
   PREMIUM WOOCOMMERCE NOTICES STYLING (ERRORS, MESSAGES, INFO)
   ============================================================================= */

/* Main wrapper adjustments */
body.woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper {
  margin-bottom: 24px !important;
}

/* Hide default WooCommerce icons */
.woocommerce-error::before,
.woocommerce-message::before,
.woocommerce-info::before {
  display: none !important;
}

/* Reset default margins and padding rules for notices */
.woocommerce-error,
.woocommerce-message,
.woocommerce-info {
  margin: 0 0 20px 0 !important;
  padding: 16px 20px !important;
  border-radius: 10px !important;
  list-style: none !important;
  font-family: "Inter", sans-serif !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
  border: 1px solid rgba(0, 0, 0, 0.03) !important;
}

/* 1. Error Notice */
.woocommerce-error {
  background: #fff5f5 !important;
  border-left: 3px solid #dc2626 !important;
  color: #4b5563 !important;
}

.woocommerce-error li {
  margin: 0 !important;
  padding: 0 0 0 24px !important;
  position: relative !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  text-align: left !important;
}

.woocommerce-error li::before {
  content: "✦" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  color: #dc2626 !important;
  font-size: 13px !important;
}

.woocommerce-error li strong {
  color: #111827 !important;
  font-weight: 600 !important;
}

/* 2. Success Message */
.woocommerce-message {
  background: #f4f7f4 !important;
  border-left: 3px solid #1a261c !important;
  color: #4b5563 !important;
}

.woocommerce-message li,
.woocommerce-message {
  font-size: 13px !important;
  line-height: 1.6 !important;
  text-align: left !important;
}

/* 3. Info Notice */
.woocommerce-info {
  background: #fdfbf8 !important;
  border-left: 3px solid #c5a059 !important;
  color: #4b5563 !important;
}

.woocommerce-info li,
.woocommerce-info {
  font-size: 13px !important;
  line-height: 1.6 !important;
  text-align: left !important;
}


/* =============================================================================
   PREMIUM CUSTOMER PORTAL & DASHBOARD DESIGN
   ============================================================================= */

/* Enforce full-width main container for myaccount portal */
.woocommerce-account .woocommerce {
  width: 100% !important;
  max-width: 100% !important;
}

/* Disable WooCommerce default layout floats */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
  float: none !important;
  width: 100% !important;
}

/* Portal Grid Layout */
.hy-portal {
  display: grid !important;
  grid-template-columns: 260px 1fr !important;
  gap: 40px !important;
  align-items: start !important;
  margin-top: 24px !important;
  width: 100% !important;
}

@media (max-width: 991px) {
  .hy-portal {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
}

/* Left Sidebar - Profile Card */
.hy-portal-nav-card {
  background: #fdfbf8 !important;
  border: 1px solid #eaeae8 !important;
  border-radius: 14px !important;
  padding: 24px 20px !important;
  text-align: center !important;
  margin-bottom: 20px !important;
}

.hy-portal-nav-card__avatar {
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  background: #3d4928 !important;
  color: #c5a059 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 12px auto !important;
  border: 2px solid #c5a059 !important;
  font-family: "Noto Serif", serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
}

.hy-portal-nav-card__welcome {
  display: block !important;
  font-family: "Inter", sans-serif !important;
  font-size: 11px !important;
  color: #9ca3af !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  font-weight: 500 !important;
}

.hy-portal-nav-card__name {
  font-family: "Inter", sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #1f2937 !important;
  margin: 4px 0 0 0 !important;
}

/* Left Sidebar - Menu List */
.hy-portal-menu {
  background: #ffffff !important;
  border: 1px solid #eaeae8 !important;
  border-radius: 14px !important;
  padding: 12px !important;
}

.hy-portal-menu__list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.hy-portal-menu__item {
  margin: 0 0 4px 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.hy-portal-menu__item:last-child {
  margin-bottom: 0 !important;
}

.hy-portal-menu__link {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 16px !important;
  color: #4b5563 !important;
  text-decoration: none !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  border-radius: 10px !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.hy-portal-menu__link:hover {
  color: #3d4928 !important;
  background: #fdfbf8 !important;
}

.hy-portal-menu__icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: inherit !important;
  transition: transform 0.25s ease !important;
}

.hy-portal-menu__icon svg {
  width: 18px !important;
  height: 18px !important;
  stroke-width: 1.8 !important;
}

/* Active Menu State */
.hy-portal-menu__item.is-active .hy-portal-menu__link {
  background: #3d4928 !important;
  color: #c5a059 !important;
  font-weight: 600 !important;
}

.hy-portal-menu__item.is-active .hy-portal-menu__link .hy-portal-menu__icon {
  color: #c5a059 !important;
}

/* Right Content Area - Welcome Header */
.hy-dashboard-welcome {
  text-align: left !important;
  margin-bottom: 36px !important;
  border-bottom: 1px solid #eaeae8 !important;
  padding-bottom: 24px !important;
}

.hy-dashboard-welcome__subtitle {
  display: block !important;
  font-family: "Inter", sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #c5a059 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
}

.hy-dashboard-welcome__title {
  font-family: "Noto Serif", serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #1f2937 !important;
  margin: 6px 0 10px 0 !important;
}

.hy-dashboard-welcome__desc {
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #6b7280 !important;
  margin: 0 !important;
}

/* Right Content Area - Grid & Cards */
.hy-dashboard-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
}

@media (max-width: 1200px) {
  .hy-dashboard-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 600px) {
  .hy-dashboard-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}

.hy-dashboard-card {
  background: #ffffff !important;
  border: 1px solid #eaeae8 !important;
  border-radius: 16px !important;
  padding: 24px 20px !important;
  text-align: left !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  text-decoration: none !important;
  color: inherit !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.hy-dashboard-card:hover {
  transform: translateY(-4px) !important;
  border-color: #c5a059 !important;
  box-shadow: 0 12px 30px rgba(61, 73, 40, 0.06) !important;
}

.hy-dashboard-card__body {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
}

.hy-dashboard-card__icon {
  width: 46px !important;
  height: 46px !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 16px !important;
  transition: transform 0.3s ease !important;
}

.hy-dashboard-card:hover .hy-dashboard-card__icon {
  transform: scale(1.06) !important;
}

.hy-dashboard-card__icon svg {
  width: 22px !important;
  height: 22px !important;
}

/* Icons Colors Schemes */
.hy-dashboard-card__icon--orders {
  background: #f0f5eb !important;
  color: #3d4928 !important;
}

.hy-dashboard-card__icon--addresses {
  background: #fdf8ee !important;
  color: #c5a059 !important;
}

.hy-dashboard-card__icon--details {
  background: #f3f4f6 !important;
  color: #4b5563 !important;
}

.hy-dashboard-card__title {
  font-family: "Inter", sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 600 !important;
  color: #111827 !important;
  margin: 0 0 6px 0 !important;
}

.hy-dashboard-card__desc {
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: #6b7280 !important;
  margin: 0 0 16px 0 !important;
}

.hy-dashboard-card__action {
  margin-top: auto !important;
  padding-top: 6px !important;
  width: 100% !important;
}

.hy-dashboard-card__btn,
.hy-dashboard-card__link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 10px 16px !important;
  background: #fdfbf8 !important;
  border: 1px solid #eae5db !important;
  border-radius: 9px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #3d4928 !important;
  text-decoration: none !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-sizing: border-box !important;
}

.hy-dashboard-card__btn-icon {
  width: 15px !important;
  height: 15px !important;
  stroke: currentColor !important;
  transition: transform 0.25s ease !important;
}

.hy-dashboard-card:hover .hy-dashboard-card__btn,
.hy-dashboard-card:hover .hy-dashboard-card__link,
.hy-dashboard-card:active .hy-dashboard-card__btn,
.hy-dashboard-card:active .hy-dashboard-card__link {
  background: #3d4928 !important;
  border-color: #3d4928 !important;
  color: #c5a059 !important;
  box-shadow: 0 4px 14px rgba(61, 73, 40, 0.12) !important;
}

.hy-dashboard-card:hover .hy-dashboard-card__btn-icon,
.hy-dashboard-card:active .hy-dashboard-card__btn-icon {
  transform: translateX(4px) !important;
}


/* Logged-in My Account Spacings & Alignment */
body.woocommerce-account.logged-in .hy-page-content-wrap {
  padding-top: 16px !important;
  padding-bottom: 60px !important;
}

body.woocommerce-account.logged-in .hy-portal {
  margin-top: 0 !important;
}

/* =============================================================================
   WOOCOMMERCE "HESABIM" (MY ACCOUNT) PREMIUM CUSTOM STYLES - LUXURY CARD EDITION
   ============================================================================= */

/* Page-level container adjustments for centered luxury authentication layout */
body.woocommerce-account:not(.logged-in) .hy-page-content-wrap {
  background: #faf9f6 !important;
  padding: 0 !important;
}

body.woocommerce-account:not(.logged-in) .hy-site-container.hy-account-auth-container {
  max-width: 1440px !important;
  width: 100% !important;
  padding: 60px 24px !important;
  margin: 0 auto !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  box-sizing: border-box !important;
  background: #faf9f6 !important;
}

body.woocommerce-account:not(.logged-in) .hy-page-article {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* 1. LUXURY AUTH CARD WRAPPER */
.hy-luxury-auth {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hy-luxury-auth__card {
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid rgba(61, 73, 40, 0.08);
  box-shadow: 0 10px 40px rgba(61, 73, 40, 0.02);
  width: 100%;
  max-width: 480px;
  padding: 48px 40px;
  box-sizing: border-box;
  animation: hyFadeIn 0.5s ease forwards;
}

/* Logo Header inside the Card */
.hy-luxury-auth__logo-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 32px;
}

.hy-luxury-auth__logo-link {
  display: block;
}

.hy-luxury-auth__logo-img {
  max-height: 38px !important;
  width: auto !important;
  display: block !important;
}

.hy-luxury-auth__monogram {
  font-family: "Noto Serif", serif;
  font-size: 32px;
  font-weight: 700;
  color: #3d4928;
  letter-spacing: -0.02em;
}

.hy-luxury-auth__divider {
  width: 40px;
  height: 1px;
  background: rgba(61, 73, 40, 0.1);
  margin-top: 24px;
}

/* Luxury sliding toggles */
.hy-luxury-auth__tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-bottom: 36px;
}

.hy-luxury-auth__tab {
  background: none;
  border: none;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.15em;
  color: #9ca3af;
  cursor: pointer;
  padding: 6px 0;
  transition: color 0.3s ease;
  position: relative;
}

.hy-luxury-auth__tab:hover {
  color: #1a261c;
}

.hy-luxury-auth__tab--active {
  color: #1a261c;
}

.hy-luxury-auth__tab--active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 20%;
  right: 20%;
  height: 1.5px;
  background: #c5a059;
}

.hy-luxury-auth__tab-separator {
  color: rgba(61, 73, 40, 0.15);
  font-size: 12px;
  user-select: none;
}

/* Form panels transitions */
.hy-luxury-form-wrap {
  display: none;
}

.hy-luxury-form-wrap--active {
  display: block;
  animation: hyFadeIn 0.4s ease forwards;
}

@keyframes hyFadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Form fields elements styling */
.hy-luxury-field {
  margin-bottom: 22px;
}

.hy-luxury-field__label-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.hy-luxury-label {
  display: block;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #4b5563;
  margin-bottom: 8px;
}

.hy-luxury-input {
  width: 100% !important;
  height: 48px !important;
  background: #ffffff !important;
  border: 1px solid #eaeae8 !important;
  border-radius: 6px !important;
  padding: 0 16px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  color: #1a261c !important;
  transition: all 0.3s ease !important;
  box-sizing: border-box !important;
}

.hy-luxury-input:focus {
  border-color: #c5a059 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.06) !important;
}

.hy-luxury-link-action {
  font-size: 11px;
  color: #c5a059;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.25s ease;
}

.hy-luxury-link-action:hover {
  color: #1a261c;
}

.hy-luxury-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 28px;
}

.hy-luxury-action--register {
  justify-content: flex-end;
}

.hy-luxury-remember {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #6b7280;
  cursor: pointer;
  user-select: none;
}

.hy-luxury-remember input[type="checkbox"] {
  width: 15px;
  height: 15px;
  accent-color: #c5a059;
}

.hy-luxury-submit {
  background: #1a261c !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  height: 48px !important;
  padding: 0 36px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.hy-luxury-submit:hover {
  background: #c5a059 !important;
  transform: translateY(-1px);
}

.hy-luxury-helper-text {
  font-size: 12.5px;
  color: #6b7280;
  line-height: 1.6;
  background: #faf9f6;
  border-left: 2px solid #c5a059;
  padding: 12px 16px;
  border-radius: 0 6px 6px 0;
  margin: 0;
}

@media (max-width: 600px) {
  .hy-luxury-auth__card {
    padding: 36px 24px;
    border-radius: 8px;
  }
}

/* =============================================================================
   2. LOGGED IN: MY ACCOUNT SYSTEM GRID (PORTAL)
   ============================================================================= */
.woocommerce-account .woocommerce {
  display: flex;
  gap: 40px;
  max-width: 1400px;
  margin: 40px auto;
  padding: 0 40px;
  align-items: flex-start;
}

.woocommerce-MyAccount-navigation {
  flex: 0 0 27%;
  max-width: 27%;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #eaeae8;
  padding: 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
}

.woocommerce-MyAccount-content {
  flex: 0 0 73%;
  max-width: 73%;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #eaeae8;
  padding: 40px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
  min-height: 480px;
}

@media (max-width: 991px) {
  .woocommerce-account .woocommerce {
    flex-direction: column;
    gap: 30px;
    padding: 0 20px;
  }
  .woocommerce-MyAccount-navigation,
  .woocommerce-MyAccount-content {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
  .woocommerce-MyAccount-content {
    padding: 24px;
  }
}

/* Profil Kartı */
.hy-account-profile-card {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #eaeae8;
}

.hy-account-profile-card__avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #1a261c;
  color: #c5a059;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
  flex-shrink: 0;
  box-shadow: 0 3px 8px rgba(26, 38, 28, 0.1);
}

.hy-account-profile-card__info {
  display: flex;
  flex-direction: column;
}

.hy-account-profile-card__welcome {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #9ca3af;
  font-weight: 500;
}

.hy-account-profile-card__name {
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 600;
  color: #1a261c;
  margin: 2px 0 0 0;
}

/* Navigasyon Link Listesi */
.hy-account-nav__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.hy-account-nav__link {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border-radius: 8px;
  color: #4b5563;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.25s ease;
}

.hy-account-nav__icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  color: #9ca3af;
  transition: color 0.25s ease;
}

.hy-account-nav__icon-wrap svg {
  width: 18px;
  height: 18px;
}

.hy-account-nav__label {
  flex-grow: 1;
}

.hy-account-nav__arrow {
  width: 12px;
  height: 12px;
  color: #d1d5db;
  opacity: 0;
  transform: translateX(-4px);
  transition: all 0.25s ease;
}

/* Hover ve Active */
.hy-account-nav__list li:hover .hy-account-nav__link,
.hy-account-nav__list li.is-active .hy-account-nav__link {
  color: #1a261c;
  background: #fafaf9;
}

.hy-account-nav__list li:hover .hy-account-nav__icon-wrap,
.hy-account-nav__list li.is-active .hy-account-nav__icon-wrap {
  color: #c5a059;
}

.hy-account-nav__list li:hover .hy-account-nav__arrow,
.hy-account-nav__list li.is-active .hy-account-nav__arrow {
  opacity: 1;
  transform: translateX(0);
}

/* =============================================================================
   3. SUBPAGES: CONTROL PANEL (DASHBOARD)
   ============================================================================= */
.hy-dashboard__header {
  margin-bottom: 35px;
}

.hy-dashboard__title {
  font-family: "Noto Serif", serif;
  font-size: 26px;
  font-weight: 600;
  color: #1a261c;
  margin-bottom: 10px;
}

.hy-dashboard__desc {
  font-size: 14.5px;
  color: #6b7280;
  line-height: 1.6;
}

.hy-dashboard__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  margin-bottom: 40px;
}

.hy-dashboard-card {
  border: 1px solid #eaeae8;
  border-radius: 12px;
  padding: 24px;
  background: #ffffff;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.hy-dashboard-card:hover {
  border-color: #c5a059;
  box-shadow: 0 6px 20px rgba(197, 160, 89, 0.05);
  transform: translateY(-2px);
}

.hy-dashboard-card__icon-wrap {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: #fafaf9;
  color: #c5a059;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}

.hy-dashboard-card__icon-wrap svg {
  width: 20px;
  height: 20px;
}

.hy-dashboard-card__title {
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 600;
  color: #1a261c;
  margin-bottom: 8px;
}

.hy-dashboard-card__text {
  font-size: 13px;
  color: #6b7280;
  line-height: 1.5;
  margin-bottom: 20px;
  flex-grow: 1;
}

.hy-dashboard-card__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #c5a059;
  text-decoration: none;
  transition: color 0.25s ease;
}

.hy-dashboard-card__link:hover {
  color: #1a261c;
}

.hy-mini-arrow {
  width: 10px;
  height: 10px;
  transition: transform 0.25s ease;
}

.hy-dashboard-card__link:hover .hy-mini-arrow {
  transform: translateX(3px);
}

.hy-dashboard-support {
  background: #fafaf9;
  border: 1px solid #eaeae8;
  border-radius: 12px;
  padding: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.hy-dashboard-support__title {
  font-family: "Noto Serif", serif;
  font-size: 15px;
  font-weight: 600;
  color: #1a261c;
  margin-bottom: 4px;
}

.hy-dashboard-support__text {
  font-size: 13px;
  color: #6b7280;
  margin: 0;
}

.hy-dashboard-support__btn {
  background: #ffffff;
  border: 1px solid #c5a059;
  color: #c5a059;
  padding: 10px 24px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

.hy-dashboard-support__btn:hover {
  background: #c5a059;
  color: #ffffff;
}

@media (max-width: 600px) {
  .hy-dashboard-support {
    flex-direction: column;
    align-items: flex-start;
  }
  .hy-dashboard-support__btn {
    width: 100%;
    text-align: center;
  }
}

/* =============================================================================
   4. SUBPAGES: ADDRESSES
   ============================================================================= */
.hy-addresses__header {
  margin-bottom: 35px;
}

.hy-addresses__title {
  font-family: "Noto Serif", serif;
  font-size: 24px;
  font-weight: 600;
  color: #1a261c;
  margin-bottom: 8px;
}

.hy-addresses__desc {
  font-size: 14px;
  color: #6b7280;
}

.hy-addresses__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
}

.hy-address-card {
  border: 1px solid #eaeae8;
  border-radius: 12px;
  padding: 24px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
}

.hy-address-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #fafaf9;
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.hy-address-card__title-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.hy-address-card__icon-wrap {
  color: #c5a059;
}

.hy-address-card__icon-wrap svg {
  width: 20px;
  height: 20px;
}

.hy-address-card__title {
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 600;
  color: #1a261c;
  margin: 0;
}

.hy-address-card__edit-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #c5a059;
  text-decoration: none;
  transition: color 0.25s ease;
}

.hy-address-card__edit-btn:hover {
  color: #1a261c;
}

.hy-edit-icon {
  width: 12px;
  height: 12px;
}

.hy-address-card__body address {
  font-style: normal;
  font-size: 14px;
  line-height: 1.6;
  color: #4b5563;
}

.hy-address-card__empty {
  color: #9ca3af;
  font-size: 13.5px;
}

/* =============================================================================
   5. SUBPAGES: EDIT ACCOUNT (DETAILS)
   ============================================================================= */
.hy-edit-account__header {
  margin-bottom: 35px;
}

.hy-edit-account__title {
  font-family: "Noto Serif", serif;
  font-size: 24px;
  font-weight: 600;
  color: #1a261c;
  margin-bottom: 8px;
}

.hy-edit-account__desc {
  font-size: 14px;
  color: #6b7280;
}

.hy-edit-account__section {
  border: none;
  padding: 0;
  margin: 0 0 35px 0;
}

.hy-edit-account__section-title {
  font-family: "Noto Serif", serif;
  font-size: 18px;
  font-weight: 600;
  color: #1a261c;
  border-bottom: 1px solid #eaeae8;
  padding-bottom: 10px;
  width: 100%;
  margin-bottom: 24px;
}

.hy-edit-account__section-desc {
  font-size: 13px;
  color: #6b7280;
  margin-top: -16px;
  margin-bottom: 24px;
}

.hy-edit-account__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

@media (max-width: 600px) {
  .hy-edit-account__grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
}

.hy-edit-account__field-help {
  display: block;
  font-size: 11px;
  color: #9ca3af;
  margin-top: 6px;
}

.hy-edit-account__actions {
  border-top: 1px solid #eaeae8;
  padding-top: 24px;
  margin-top: 20px;
}

.woocommerce-account .button[type="submit"] {
  background: #c5a059 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 0 32px !important;
  height: 48px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.woocommerce-account .button[type="submit"]:hover {
  background: #1a261c !important;
}


/* Premium Out of Stock Styling */
.hy-card.is-out-of-stock .hy-card__media {
  filter: grayscale(60%) contrast(90%);
  opacity: 0.85;
  transition: filter 0.3s ease, opacity 0.3s ease;
}

.hy-card.is-out-of-stock:hover .hy-card__media {
  filter: grayscale(30%) contrast(95%);
  opacity: 0.95;
}

.hy-card__oos-overlay {
  position: absolute;
  top: 12px;
  left: 12px;
  right: auto;
  z-index: 5;
  background: rgba(26, 38, 28, 0.9); /* Brand dark green */
  border: 1px solid rgba(197, 160, 89, 0.5); /* Brand gold */
  color: #c5a059; /* Brand gold */
  font-family: "Inter", sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 6px 12px;
  border-radius: 8px;
  backdrop-filter: blur(4px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  pointer-events: none;
}

.hy-card.is-out-of-stock .hy-card__add-to-cart {
  display: none !important;
}

.hy-card.is-out-of-stock .hy-card__fomo {
  display: none !important;
}

/* Premium 'Haber Ver' (Notify) button styles */
.hy-card__notify-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 12px;
  border-radius: 999px;
  background: transparent;
  border: 1.2px solid rgba(197, 160, 89, 0.4);
  color: #c5a059;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: all 0.3s ease;
  gap: 6px;
  box-sizing: border-box;
}

.hy-card__notify-btn:hover {
  background: #c5a059;
  color: #ffffff;
  border-color: #c5a059;
  box-shadow: 0 4px 12px rgba(197, 160, 89, 0.15);
}

.hy-card__notify-icon {
  width: 14px;
  height: 14px;
  color: currentColor;
  transition: transform 0.25s ease;
}

.hy-card__notify-btn:hover .hy-card__notify-icon {
  transform: rotate(15deg) scale(1.1);
}

.hy-card__notify-label {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
}

@media (min-width: 768px) {
  .hy-card__notify-btn {
    height: 40px;
    padding: 0 16px;
    font-size: 12px;
  }
  .hy-card__notify-label {
    font-size: 12px;
  }
  .hy-card__notify-icon {
    width: 16px;
    height: 16px;
  }
}

/* Premium 'Stoğa Girince Haber Ver' full-width banner button styles */
.hy-card__notify-banner-btn {
  width: 100% !important;
  height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  background: transparent !important;
  border: 1.2px solid rgba(197, 160, 89, 0.4) !important;
  color: #c5a059 !important;
  cursor: pointer !important;
  font-family: "Inter", sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  transition: all 0.3s ease !important;
  gap: 8px !important;
  box-sizing: border-box !important;
}

.hy-card__notify-banner-btn:hover {
  background: #c5a059 !important;
  color: #ffffff !important;
  border-color: #c5a059 !important;
  box-shadow: 0 4px 12px rgba(197, 160, 89, 0.15) !important;
}

.hy-card__notify-banner-icon {
  width: 15px !important;
  height: 15px !important;
  color: currentColor !important;
  transition: transform 0.25s ease !important;
}

.hy-card__notify-banner-btn:hover .hy-card__notify-banner-icon {
  transform: rotate(15deg) scale(1.1) !important;
}

.hy-card__notify-banner-label {
  display: inline-block !important;
}

@media (max-width: 640px) {
  .hy-card__notify-banner-btn {
    height: 42px !important;
    font-size: 11px !important;
    border-radius: 6px !important;
  }
  .hy-card__notify-banner-icon {
    width: 13px !important;
    height: 13px !important;
  }
}


/* =============================================================================
   PREMIUM ORDERS TABLE & PAGINATION DESIGN
   ============================================================================= */

/* Content Tab Header styling */
.hy-portal-content-header {
  margin-bottom: 28px !important;
  text-align: left !important;
}

.hy-portal-content-header__title {
  font-family: "Noto Serif", serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #1f2937 !important;
  margin: 0 0 6px 0 !important;
}

.hy-portal-content-header__desc {
  font-family: "Inter", sans-serif !important;
  font-size: 13.5px !important;
  color: #6b7280 !important;
  margin: 0 !important;
}

/* Responsive Table Wrapper */
.hy-table-responsive {
  width: 100% !important;
  overflow-x: auto !important;
  background: #ffffff !important;
  border: 1px solid #eaeae8 !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.01) !important;
}

/* Base Portal Table Styling */
table.hy-portal-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
}

table.hy-portal-table thead {
  background: #fdfbf8 !important;
  border-bottom: 1px solid #eaeae8 !important;
}

table.hy-portal-table th {
  padding: 18px 24px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  color: #8c8f94 !important;
  text-align: left !important;
  border: none !important;
}

table.hy-portal-table td {
  padding: 20px 24px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13.5px !important;
  color: #4b5563 !important;
  border: none !important;
  border-bottom: 1px solid #f2f2f0 !important;
  vertical-align: middle !important;
  text-align: left !important;
}

table.hy-portal-table tr:last-child td {
  border-bottom: none !important;
}

table.hy-portal-table tbody tr {
  transition: background-color 0.2s ease !important;
}

table.hy-portal-table tbody tr:hover {
  background-color: #fdfcf9 !important;
}

/* Specific Table Fields */
.hy-portal-table__order-id {
  font-weight: 600 !important;
  color: #3d4928 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.hy-portal-table__order-id:hover {
  color: #c5a059 !important;
  text-decoration: underline !important;
}

.hy-portal-table__date {
  color: #4b5563 !important;
}

.hy-portal-table__price {
  font-weight: 600 !important;
  color: #111827 !important;
}

/* Luxury Status Badges */
.hy-status-badge {
  display: inline-block !important;
  padding: 5px 12px 4px 12px !important;
  border-radius: 20px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  text-align: center !important;
}

.hy-status-badge--processing,
.hy-status-badge--completed {
  background-color: #eaf6ec !important;
  color: #1b7a35 !important;
}

.hy-status-badge--on-hold,
.hy-status-badge--pending {
  background-color: #fef5e6 !important;
  color: #b25e00 !important;
}

.hy-status-badge--cancelled,
.hy-status-badge--failed,
.hy-status-badge--refunded {
  background-color: #fdeaea !important;
  color: #c92424 !important;
}

/* Custom Action Button */
.hy-portal-table__actions {
  display: flex !important;
  gap: 8px !important;
}

.hy-portal-table__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 18px !important;
  border: 1px solid #c5a059 !important;
  background: transparent !important;
  color: #c5a059 !important;
  border-radius: 8px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  line-height: 1 !important;
}

.hy-portal-table__btn:hover {
  background: #3d4928 !important;
  border-color: #3d4928 !important;
  color: #ffffff !important;
}

/* Pagination Styling */
.hy-portal-pagination {
  display: flex !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  margin-top: 24px !important;
  border: none !important;
  padding: 0 !important;
}

.hy-portal-pagination__btn {
  display: inline-flex !important;
  align-items: center !important;
  padding: 10px 20px !important;
  background: #ffffff !important;
  border: 1px solid #eaeae8 !important;
  color: #4b5563 !important;
  border-radius: 8px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
}

.hy-portal-pagination__btn:hover {
  border-color: #c5a059 !important;
  color: #c5a059 !important;
  background: #fdfbf8 !important;
}

/* Empty State Styling */
.hy-portal-empty-notice {
  background: #fdfbf8 !important;
  border: 1px dashed #eaeae8 !important;
  border-left: 3px solid #c5a059 !important;
  border-radius: 12px !important;
  padding: 24px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 16px !important;
  box-shadow: none !important;
}

.hy-portal-empty-notice__text {
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  color: #6b7280 !important;
  font-weight: 500 !important;
}

.hy-portal-empty-notice__btn {
  display: inline-flex !important;
  align-items: center !important;
  padding: 10px 20px !important;
  background: #3d4928 !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: background-color 0.25s ease !important;
}

.hy-portal-empty-notice__btn:hover {
  background-color: #c5a059 !important;
  color: #ffffff !important;
}


/* =============================================================================
   PREMIUM VIEW ORDER DETAILS DESIGN
   ============================================================================= */

/* Meta alert box on view order */
.hy-view-order-meta {
  background: #fdfbf8 !important;
  border: 1px solid #eaeae8 !important;
  border-radius: 12px !important;
  padding: 18px 24px !important;
  margin-bottom: 30px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.01) !important;
  text-align: left !important;
}

.hy-view-order-meta p {
  margin: 0 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13.5px !important;
  color: #4b5563 !important;
  line-height: 1.6 !important;
}

.hy-view-order-meta mark {
  background: transparent !important;
  font-weight: 600 !important;
  color: #111827 !important;
  padding: 0 !important;
}

.hy-view-order-meta mark.order-status {
  display: inline-block !important;
  padding: 4px 12px 3px 12px !important;
  border-radius: 20px !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-left: 4px !important;
}

.hy-view-order-meta mark.order-status--processing,
.hy-view-order-meta mark.order-status--completed {
  background-color: #eaf6ec !important;
  color: #1b7a35 !important;
}

.hy-view-order-meta mark.order-status--on-hold,
.hy-view-order-meta mark.order-status--pending {
  background-color: #fef5e6 !important;
  color: #b25e00 !important;
}

.hy-view-order-meta mark.order-status--cancelled,
.hy-view-order-meta mark.order-status--failed,
.hy-view-order-meta mark.order-status--refunded {
  background-color: #fdeaea !important;
  color: #c92424 !important;
}

/* Sections headers */
.hy-view-order-section-title,
.hy-view-order-content h2 {
  font-family: "Noto Serif", serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #1f2937 !important;
  margin: 32px 0 16px 0 !important;
  text-align: left !important;
  border: none !important;
  padding: 0 !important;
}

/* Formatted details table wrapper */
.hy-view-order-content .woocommerce-table--order-details {
  border-collapse: collapse !important;
  margin: 0 0 32px 0 !important;
  width: 100% !important;
  background: #ffffff !important;
  border: 1px solid #eaeae8 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.01) !important;
}

.woocommerce-table--order-details thead {
  background: #fdfbf8 !important;
  border-bottom: 1px solid #eaeae8 !important;
}

.woocommerce-table--order-details th {
  padding: 16px 24px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #8c8f94 !important;
  text-align: left !important;
  border: none !important;
}

.woocommerce-table--order-details td {
  padding: 18px 24px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13.5px !important;
  color: #4b5563 !important;
  border: none !important;
  border-bottom: 1px solid #f2f2f0 !important;
  vertical-align: middle !important;
  text-align: left !important;
}

/* Keep totals text right aligned for modern layout */
.woocommerce-table--order-details td.product-total,
.woocommerce-table--order-details th.product-total {
  text-align: right !important;
}

.woocommerce-table--order-details tfoot tr td {
  padding: 16px 24px !important;
  border-bottom: 1px solid #f2f2f0 !important;
}

.woocommerce-table--order-details tfoot tr:last-child td {
  border-bottom: none !important;
}

/* Product link custom styling */
.woocommerce-table--order-details .product-name a {
  color: #3d4928 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.woocommerce-table--order-details .product-name a:hover {
  color: #c5a059 !important;
  text-decoration: underline !important;
}

.woocommerce-table--order-details .product-name .product-quantity {
  font-weight: 600 !important;
  color: #8c8f94 !important;
  margin-left: 4px !important;
}

/* Address columns styling */
.woocommerce-customer-details {
  margin-top: 36px !important;
}

.woocommerce-customer-details .woocommerce-columns--addresses {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 24px !important;
}

@media (max-width: 768px) {
  .woocommerce-customer-details .woocommerce-columns--addresses {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}

.woocommerce-customer-details .woocommerce-column--billing-address,
.woocommerce-customer-details .woocommerce-column--shipping-address {
  background: #ffffff !important;
  border: 1px solid #eaeae8 !important;
  border-radius: 14px !important;
  padding: 24px 28px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.01) !important;
  text-align: left !important;
}

.woocommerce-customer-details .woocommerce-column__title {
  font-family: "Noto Serif", serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #1f2937 !important;
  margin: 0 0 14px 0 !important;
  padding: 0 0 10px 0 !important;
  border-bottom: 1px solid #eaeae8 !important;
}

.woocommerce-customer-details address {
  font-style: normal !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13.5px !important;
  line-height: 1.65 !important;
  color: #6b7280 !important;
}

.woocommerce-customer-details address .woocommerce-customer-details--phone,
.woocommerce-customer-details address .woocommerce-customer-details--email {
  display: block !important;
  margin-top: 8px !important;
  color: #4b5563 !important;
}

/* Order Notes updates */
.hy-order-notes {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 30px 0 !important;
}

.hy-order-note {
  background: #fdfbf8 !important;
  border: 1px solid #eaeae8 !important;
  border-radius: 12px !important;
  padding: 16px 20px !important;
  margin-bottom: 12px !important;
}

.hy-order-note__date {
  font-family: "Inter", sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #c5a059 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin: 0 0 6px 0 !important;
}

.hy-order-note__text {
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #4b5563 !important;
}

.hy-order-note__text p {
  margin: 0 !important;
}


/* =============================================================================
   PURE CSS TABS FUNCTIONALITY (NO JAVASCRIPT REQUIRED)
   ============================================================================= */

/* Hide radio inputs completely */
.hy-auth__tab-toggle {
  display: none !important;
}

/* Base panels styling */
.hy-auth__panel {
  display: none !important;
}

/* Ensure the nav container uses flex for label spacing */
.hy-auth__nav {
  display: flex !important;
  position: relative !important;
  border-bottom: 1px solid #eaeae8 !important;
  margin-bottom: 24px !important;
  width: 100% !important;
}

/* Set equal width to labels */
.hy-auth__nav-btn {
  flex: 1 !important;
  text-align: center !important;
  cursor: pointer !important;
  padding: 14px 0 !important;
  user-select: none !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #9ca3af !important;
  transition: color 0.3s ease !important;
}

.hy-auth__nav-btn:hover {
  color: #3d4928 !important;
}

/* Active colors and displays based on checked state */
#hy-tab-login:checked ~ .hy-auth__card .label-login {
  color: #3d4928 !important;
}

#hy-tab-register:checked ~ .hy-auth__card .label-register {
  color: #3d4928 !important;
}

#hy-tab-login:checked ~ .hy-auth__card #panel-login {
  display: block !important;
  animation: hyAuthFadeIn 0.4s ease !important;
}

#hy-tab-register:checked ~ .hy-auth__card #panel-register {
  display: block !important;
  animation: hyAuthFadeIn 0.4s ease !important;
}

/* Hide header seal on register tab active */
#hy-tab-register:checked ~ .hy-auth__card .hy-auth__card-header {
  display: none !important;
}

#hy-tab-register:checked ~ .hy-auth__card {
  padding-top: 44px !important;
}

/* Sliding gold indicator functionality */
.hy-auth__nav-indicator {
  position: absolute !important;
  bottom: -1px !important;
  height: 2px !important;
  background: #c5a059 !important;
  width: 50% !important;
  left: 0 !important;
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

#hy-tab-register:checked ~ .hy-auth__card .hy-auth__nav-indicator {
  transform: translateX(100%) !important;
}

#hy-tab-login:checked ~ .hy-auth__card .hy-auth__nav-indicator {
  transform: translateX(0) !important;
}


/* =============================================================================
   PREMIUM CLIENT-SIDE VALIDATION STYLES
   ============================================================================= */
.hy-input--invalid {
  border-color: #f43f5e !important;
  box-shadow: 0 0 0 3px rgba(244, 63, 94, 0.08) !important;
  background: #fffcfc !important;
}

.hy-input-error {
  display: block !important;
  margin-top: 6px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #f43f5e !important;
  text-align: left !important;
  animation: hyErrorSlideIn 0.2s ease-out !important;
}

@keyframes hyErrorSlideIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* Sidebar Nav Wrapper Refinements */
.woocommerce-account .woocommerce-MyAccount-navigation {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  flex: 0 0 260px !important;
  max-width: 260px !important;
  width: 260px !important;
  float: none !important;
}

@media (max-width: 991px) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}


/* =============================================================================
   WOOCOMMERCE ORDER DETAILS PREMIUM CUSTOM STYLES
   ============================================================================= */

/* Main Container spacing */
.woocommerce-order-details {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.woocommerce-order-details__title {
  font-family: "Noto Serif", serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #3d4928 !important;
  margin-bottom: 20px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Elegant Order Table Styling */
.woocommerce-table--order-details {
  width: 100% !important;
  border-collapse: collapse !important;
  background: #ffffff !important;
  border: 1px solid #eaeae8 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.01) !important;
}

.woocommerce-table--order-details thead {
  background: #fdfbf8 !important;
  border-bottom: 1.5px solid #eaeae8 !important;
}

.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
  padding: 18px 24px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  color: #4b5563 !important;
  border-top: none !important;
  border-bottom: 1px solid #f2f0eb !important;
  text-align: left !important;
}

.woocommerce-table--order-details thead th {
  font-family: "Inter", sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #3d4928 !important;
}

.woocommerce-table--order-details tbody td {
  font-weight: 500 !important;
}

.woocommerce-table--order-details tbody td a {
  color: #3d4928 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

.woocommerce-table--order-details tbody td a:hover {
  color: #c5a059 !important;
}

/* Tfoot subtotals styling */
.woocommerce-table--order-details tfoot tr {
  background: #ffffff !important;
}

.woocommerce-table--order-details tfoot tr:last-child {
  background: #fdfbf8 !important;
  border-top: 1.5px solid #eaeae8 !important;
}

.woocommerce-table--order-details tfoot th {
  font-weight: 600 !important;
  color: #3d4928 !important;
  text-align: left !important;
}

.woocommerce-table--order-details tfoot td {
  font-weight: 600 !important;
  color: #1a261c !important;
}

/* Total price highlighting */
.woocommerce-table--order-details tfoot tr:nth-last-child(2) td,
.woocommerce-table--order-details tfoot tr:last-child td {
  color: #c5a059 !important;
  font-size: 16px !important;
}

/* Customer details and addresses section styling */
.woocommerce-customer-details {
  margin-top: 50px !important;
}

.woocommerce-customer-details .woocommerce-column__title {
  font-family: "Noto Serif", serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #3d4928 !important;
  margin-bottom: 20px !important;
}

/* Flex layout for side-by-side address cards */
.woocommerce-customer-details .addresses {
  display: flex !important;
  gap: 30px !important;
  flex-wrap: wrap !important;
}

.woocommerce-customer-details .woocommerce-column {
  flex: 1 1 300px !important;
  background: #ffffff !important;
  border: 1px solid #eaeae8 !important;
  border-radius: 12px !important;
  padding: 32px 28px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.01) !important;
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Top accent border on address cards */
.woocommerce-customer-details .woocommerce-column::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: #c5a059 !important;
}

/* Address formatting inside cards */
.woocommerce-customer-details address {
  font-style: normal !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: #4b5563 !important;
}

.woocommerce-customer-details--phone,
.woocommerce-customer-details--email {
  margin-top: 10px !important;
  font-weight: 500 !important;
  color: #3d4928 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.woocommerce-customer-details--phone::before {
  content: 'T: ' !important;
  color: #c5a059 !important;
  font-weight: 600 !important;
}

.woocommerce-customer-details--email::before {
  content: 'E: ' !important;
  color: #c5a059 !important;
  font-weight: 600 !important;
}


/* =============================================================================
   REFINED SIDE-BY-SIDE PREMIUM ADDRESS CARDS FOR ORDER DETAILS
   ============================================================================= */

/* Override the global display: contents !important side effect for address column structures */
body.woocommerce-account .woocommerce-customer-details .col2-set,
body.woocommerce-account .woocommerce-customer-details .col-1,
body.woocommerce-account .woocommerce-customer-details .col-2 {
  display: block !important;
}

/* Grid wrapper for addresses */
.woocommerce-customer-details .woocommerce-columns--addresses {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 30px !important;
  margin-top: 24px !important;
  width: 100% !important;
}

/* Individual Address Cards */
.woocommerce-customer-details .woocommerce-column--billing-address,
.woocommerce-customer-details .woocommerce-column--shipping-address {
  display: flex !important;
  flex-direction: column !important;
  background: #ffffff !important;
  border: 1px solid #eaeae8 !important;
  border-radius: 16px !important;
  padding: 30px 28px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.015) !important;
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Gold Top Highlight Accent */
.woocommerce-customer-details .woocommerce-column--billing-address::before,
.woocommerce-customer-details .woocommerce-column--shipping-address::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: #c5a059 !important;
}

/* Card titles */
.woocommerce-customer-details .woocommerce-column__title {
  font-family: "Noto Serif", serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #3d4928 !important;
  margin: 0 0 16px 0 !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid #f2f0eb !important;
}

/* Address content layout */
.woocommerce-customer-details address {
  font-style: normal !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13.5px !important;
  line-height: 1.7 !important;
  color: #4b5563 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Address items spacings */
.woocommerce-customer-details--phone,
.woocommerce-customer-details--email {
  margin-top: 10px !important;
  font-weight: 500 !important;
  color: #3d4928 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.woocommerce-customer-details--phone::before {
  content: 'T: ' !important;
  color: #c5a059 !important;
  font-weight: 600 !important;
}

.woocommerce-customer-details--email::before {
  content: 'E: ' !important;
  color: #c5a059 !important;
  font-weight: 600 !important;
}

/* Responsive collapse for tablet/mobile */
@media (max-width: 768px) {
  .woocommerce-customer-details .woocommerce-columns--addresses {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}


/* =============================================================================
   SINGLE CARD STICKY SIDEBAR NAVIGATION FOR PORTAL
   ============================================================================= */

/* Main Navigation Card (Outer Wrapper) */
.woocommerce-account .woocommerce-MyAccount-navigation {
  background: #ffffff !important;
  border: 1px solid #eaeae8 !important;
  border-radius: 16px !important;
  padding: 24px !important;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.02) !important;
  position: sticky !important;
  top: 160px !important;
  z-index: 10 !important;
  flex: 0 0 280px !important;
  max-width: 280px !important;
  width: 280px !important;
  float: none !important;
  align-self: start !important; /* Critical to prevent height stretch and enable sticky behavior */
}

/* Inner Profile Badge (Warm Inner Box) */
.woocommerce-account .hy-portal-nav-card {
  background: #fdfbf8 !important;
  border: 1px solid #f2f0eb !important;
  border-radius: 12px !important;
  padding: 20px 16px !important;
  margin-bottom: 20px !important;
  box-shadow: none !important;
}

/* Inner Menu Container (Merged Transparent Element) */
.woocommerce-account .hy-portal-menu {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Responsive adjustment - stack on mobile/tablet */
@media (max-width: 991px) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    position: static !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 30px !important;
    align-self: stretch !important;
  }
}


/* =============================================================================
   CUSTOM MULTIPLE ADDRESS BOOK DASHBOARD & MODAL STYLES
   ============================================================================= */

.hy-address-book {
  width: 100% !important;
  margin-top: 10px !important;
}

.hy-address-book__desc {
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  color: #6b7280 !important;
  margin-bottom: 30px !important;
  line-height: 1.6 !important;
}

.hy-address-book__grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: 24px !important;
  width: 100% !important;
  align-items: stretch !important;
}

/* Individual Address Cards */
.hy-address-card {
  background: #ffffff !important;
  border: 1px solid #eaeae8 !important;
  border-radius: 16px !important;
  padding: 26px 24px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.012) !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 270px !important;
  box-sizing: border-box !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.hy-address-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: #c5a059 !important;
}

.hy-address-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 30px rgba(61, 73, 40, 0.06) !important;
  border-color: #c5a059 !important;
}

.hy-address-card__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 16px !important;
  gap: 10px !important;
}

.hy-address-card__title {
  font-family: "Noto Serif", serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #3d4928 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.hy-address-card__badge {
  font-family: "Inter", sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 4px 8px !important;
  border-radius: 20px !important;
}

.hy-address-card__badge--billing {
  background: #fdfbf8 !important;
  color: #c5a059 !important;
  border: 1px solid #f2f0eb !important;
}

.hy-address-card__badge--shipping {
  background: #f3f6f3 !important;
  color: #3d4928 !important;
  border: 1px solid #e1ebe1 !important;
}

.hy-address-card__body {
  flex-grow: 1 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  color: #4b5563 !important;
  margin-bottom: 20px !important;
}

.hy-address-card__name {
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1f2937 !important;
  margin: 0 0 6px 0 !important;
}

.hy-address-card__company {
  font-weight: 500 !important;
  color: #3d4928 !important;
  margin: 0 0 4px 0 !important;
}

.hy-address-card__street,
.hy-address-card__street-2,
.hy-address-card__location {
  margin: 0 0 2px 0 !important;
}

.hy-address-card__phone,
.hy-address-card__email {
  margin: 6px 0 0 0 !important;
  font-weight: 500 !important;
  color: #3d4928 !important;
}

/* Card Action Buttons */
.hy-address-card__actions {
  display: flex !important;
  gap: 12px !important;
  border-top: 1px solid #f2f0eb !important;
  padding-top: 14px !important;
  margin-top: auto !important;
}

.hy-address-card__btn {
  flex: 1 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.hy-address-card__btn--edit {
  background: #fdfbf8 !important;
  color: #3d4928 !important;
  border: 1px solid #eaeae8 !important;
}

.hy-address-card__btn--edit:hover {
  background: #3d4928 !important;
  color: #c5a059 !important;
  border-color: #3d4928 !important;
}

.hy-address-card__btn--delete {
  background: transparent !important;
  color: #ef4444 !important;
  border: 1px solid #fee2e2 !important;
}

.hy-address-card__btn--delete:hover {
  background: #ef4444 !important;
  color: #ffffff !important;
  border-color: #ef4444 !important;
}

/* Add New Address Card */
.hy-address-card--add {
  border: 2px dashed #eaeae8 !important;
  background: #fdfbf8 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  align-items: center !important;
  justify-content: center !important;
}

.hy-address-card--add::before {
  display: none !important;
}

.hy-address-card--add:hover {
  border-color: #3d4928 !important;
  background: #ffffff !important;
}

.hy-address-card__add-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
}

.hy-address-card__add-icon {
  font-size: 36px !important;
  line-height: 1 !important;
  color: #c5a059 !important;
  font-weight: 300 !important;
}

.hy-address-card__add-text {
  font-family: "Noto Serif", serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #3d4928 !important;
}

.hy-address-card__add-limit {
  font-family: "Inter", sans-serif !important;
  font-size: 11px !important;
  color: #9ca3af !important;
  font-weight: 500 !important;
}

/* Modal Popup Engine */
.hy-modal {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 99999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.hy-modal.is-visible {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.hy-modal__overlay {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(26, 38, 28, 0.45) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

.hy-modal__container {
  position: relative !important;
  width: 90% !important;
  max-width: 640px !important;
  background: #ffffff !important;
  border-radius: 20px !important;
  padding: 36px !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15) !important;
  z-index: 10 !important;
  max-height: 85vh !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
  transform: scale(0.9) !important;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.hy-modal.is-visible .hy-modal__container {
  transform: scale(1) !important;
}

.hy-modal__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 24px !important;
  border-bottom: 1px solid #f2f0eb !important;
  padding-bottom: 16px !important;
}

.hy-modal__title {
  font-family: "Noto Serif", serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #3d4928 !important;
  margin: 0 !important;
}

.hy-modal__close {
  background: transparent !important;
  border: none !important;
  font-size: 28px !important;
  line-height: 1 !important;
  color: #9ca3af !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: color 0.2s ease !important;
}

.hy-modal__close:hover {
  color: #3d4928 !important;
}

/* Modal Form Controls */
.hy-modal-form__grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
}

.hy-modal-form__group {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.hy-modal-form__group--full {
  grid-column: span 2 !important;
}

.hy-modal-form__label {
  font-family: "Inter", sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #3d4928 !important;
}

.hy-modal-form__input {
  font-family: "Inter", sans-serif !important;
  font-size: 13.5px !important;
  padding: 10px 14px !important;
  background: #fdfbf8 !important;
  border: 1px solid #eaeae8 !important;
  border-radius: 8px !important;
  color: #1f2937 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}

.hy-modal-form__input.select {
  height: 42px !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233d4928' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 15px !important;
  padding-right: 40px !important;
}

.hy-modal-form__input:focus {
  border-color: #3d4928 !important;
  background: #ffffff !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(61, 73, 40, 0.08) !important;
}

.hy-modal-form__input.is-invalid {
  border-color: #ef4444 !important;
  background: #fef2f2 !important;
}

.hy-modal__actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 14px !important;
  margin-top: 28px !important;
  border-top: 1px solid #f2f0eb !important;
  padding-top: 20px !important;
}

.hy-modal__btn {
  font-family: "Inter", sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  padding: 12px 24px !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.hy-modal__btn--cancel {
  background: transparent !important;
  color: #4b5563 !important;
  border: 1px solid #eaeae8 !important;
}

.hy-modal__btn--cancel:hover {
  background: #fdfbf8 !important;
  color: #1f2937 !important;
}

.hy-modal__btn--save {
  background: #3d4928 !important;
  color: #c5a059 !important;
  border: none !important;
}

.hy-modal__btn--save:hover {
  background: #1a261c !important;
  color: #c5a059 !important;
}

.hy-modal__btn--save:disabled {
  background: #eaeae8 !important;
  color: #9ca3af !important;
  cursor: not-allowed !important;
}

/* Responsive modal collapses */
@media (max-width: 600px) {
  .hy-modal-form__grid {
    grid-template-columns: 1fr !important;
  }
  .hy-modal-form__group {
    grid-column: span 1 !important;
  }
  .hy-modal__container {
    padding: 24px !important;
  }
}

/* =============================================================================
   CHECKOUT PAGE REGISTERED ADDRESS SELECTOR STYLES
   ============================================================================= */

.hy-checkout-address-selector-card {
  margin-bottom: 24px !important;
  background: #ffffff !important;
  border: 1px solid #eaeae8 !important;
  border-radius: 16px !important;
  padding: 28px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.015) !important;
}

.hy-checkout-address-selector-title {
  font-family: "Noto Serif", serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #3d4928 !important;
  margin: 0 0 6px 0 !important;
}

.hy-checkout-address-selector-desc {
  font-family: "Inter", sans-serif !important;
  font-size: 12.5px !important;
  color: #6b7280 !important;
  line-height: 1.5 !important;
  margin: 0 0 20px 0 !important;
}

.hy-checkout-address-selector-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
}

.hy-checkout-address-selector-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.hy-checkout-address-selector-group label {
  font-family: "Inter", sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: #3d4928 !important;
}

.hy-checkout-address-select {
  font-size: 13px !important;
  padding: 10px 14px !important;
  background: #fdfbf8 !important;
  border: 1px solid #eaeae8 !important;
  border-radius: 8px !important;
  color: #4b5563 !important;
  width: 100% !important;
  height: 42px !important;
  box-sizing: border-box !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233d4928' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 15px !important;
  padding-right: 40px !important;
  transition: all 0.2s ease !important;
}

.hy-checkout-address-select:focus {
  border-color: #3d4928 !important;
  background: #ffffff !important;
  outline: none !important;
}

@media (max-width: 768px) {
  .hy-checkout-address-selector-grid {
    grid-template-columns: 1fr !important;
  }
}


/* =============================================================================
   CUSTOM ADDRESS BOOK DEFAULT ACCENTS
   ============================================================================= */

.hy-address-card__title-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.hy-address-card__default-badge {
  font-family: "Inter", sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  background: #c5a059 !important;
  color: #ffffff !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  letter-spacing: 0.03em !important;
  line-height: 1.2 !important;
}

.hy-address-card__btn--default {
  background: transparent !important;
  color: #c5a059 !important;
  border: 1px solid #c5a059 !important;
}

.hy-address-card__btn--default:hover {
  background: #c5a059 !important;
  color: #ffffff !important;
  border-color: #c5a059 !important;
}


/* =============================================================================
   CUSTOM ADDRESS BOOK SPACIOUS & PREMIUM OVERRIDES
   ============================================================================= */

.hy-address-book__grid {
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)) !important;
  gap: 30px !important;
}

.hy-address-card {
  min-height: 330px !important;
  padding: 30px !important;
}

.hy-address-card__actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  border-top: 1px solid #f2f0eb !important;
  padding-top: 20px !important;
  margin-top: 20px !important;
}

.hy-checkout-coupon-wrap {
  display: none !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: 8px !important;
}

.hy-checkout-coupon-wrap.active {
  display: flex !important;
}

.hy-address-card__actions-row {
  width: 100% !important;
  display: flex !important;
  gap: 12px !important;
}

.hy-address-card__actions-row--primary .hy-address-card__btn {
  width: 100% !important;
  padding: 11px 18px !important;
  font-size: 13.5px !important;
}

.hy-address-card__actions-row--secondary .hy-address-card__btn {
  flex: 1 !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
}


/* =============================================================================
   CUSTOM ADDRESS BOOK WIDE LANDSCAPE LAYOUT
   ============================================================================= */

.hy-address-book__grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  width: 100% !important;
}

.hy-address-card {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: stretch !important;
  min-height: 180px !important;
  padding: 24px 28px !important;
}

.hy-address-card__details {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  padding-right: 20px !important;
}

.hy-address-card__body {
  margin-bottom: 0 !important;
}

.hy-address-card__actions {
  width: 180px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 10px !important;
  border-left: 1px solid #eaeae8 !important;
  border-top: none !important;
  padding-left: 24px !important;
  padding-top: 0 !important;
  margin: 0 !important;
}

.hy-address-card__btn {
  width: 100% !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
  box-sizing: border-box !important;
}

/* Horizontal alignment for Add Card */
.hy-address-card--add {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 110px !important;
  border: 2px dashed #eaeae8 !important;
  background: #fdfbf8 !important;
}

.hy-address-card__add-inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
}

.hy-address-card__add-icon {
  font-size: 28px !important;
  line-height: 1 !important;
}

/* Responsive adjustment for small screens */
@media (max-width: 650px) {
  .hy-address-card {
    flex-direction: column !important;
    min-height: auto !important;
  }
  .hy-address-card__details {
    padding-right: 0 !important;
    margin-bottom: 20px !important;
  }
  .hy-address-card__actions {
    width: 100% !important;
    border-left: none !important;
    border-top: 1px solid #eaeae8 !important;
    padding-left: 0 !important;
    padding-top: 20px !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
  .hy-address-card__btn {
    flex: 1 !important;
    min-width: 100px !important;
  }
  .hy-address-card__add-inner {
    flex-direction: column !important;
    gap: 8px !important;
  }
}


/* =============================================================================
   LANDSCAPE ADDRESS CARD SPACING & BUTTON FIXES
   ============================================================================= */

.hy-address-card {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  min-height: auto !important; /* Allow height to adjust dynamically based on text */
}

.hy-address-card--add {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 100px !important;
  height: auto !important;
}

.hy-address-card__actions {
  width: 180px !important;
  min-width: 180px !important;
  flex: none !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  align-items: stretch !important;
}

.hy-address-card__btn {
  width: 100% !important;
  height: auto !important;
  min-height: 40px !important;
  flex: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  text-transform: none !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Button style overrides for luxury theme */
.hy-address-card__btn--default {
  background: #3d4928 !important;
  color: #c5a059 !important;
  border: 1px solid #3d4928 !important;
}

.hy-address-card__btn--default:hover {
  background: #1a261c !important;
  color: #c5a059 !important;
  border-color: #1a261c !important;
}

.hy-address-card__btn--edit {
  background: #ffffff !important;
  color: #3d4928 !important;
  border: 1px solid #eaeae8 !important;
}

.hy-address-card__btn--edit:hover {
  background: #fdfbf8 !important;
  border-color: #3d4928 !important;
}

.hy-address-card__btn--delete {
  background: #ffffff !important;
  color: #ef4444 !important;
  border: 1px solid #fee2e2 !important;
}

.hy-address-card__btn--delete:hover {
  background: #fef2f2 !important;
  border-color: #ef4444 !important;
}


/* =============================================================================
   CUSTOM EDIT ACCOUNT DETAILS PAGE STYLES
   ============================================================================= */

.hy-edit-account-card {
  background: #ffffff !important;
  border: 1px solid #eaeae8 !important;
  border-radius: 20px !important;
  padding: 40px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.015) !important;
  box-sizing: border-box !important;
}

.hy-edit-account-title {
  font-family: "Noto Serif", serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #3d4928 !important;
  margin: 0 0 6px 0 !important;
}

.hy-edit-account-desc {
  font-family: "Inter", sans-serif !important;
  font-size: 13.5px !important;
  color: #6b7280 !important;
  margin: 0 0 30px 0 !important;
  line-height: 1.5 !important;
}

.hy-form-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 20px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.hy-form-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.hy-form-group--full {
  grid-column: span 2 !important;
}

.hy-input-label {
  font-family: "Inter", sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #3d4928 !important;
  text-transform: none !important;
}

.hy-input-text {
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  padding: 12px 16px !important;
  background: #fdfbf8 !important;
  border: 1px solid #eaeae8 !important;
  border-radius: 10px !important;
  color: #1f2937 !important;
  width: 100% !important;
  height: 46px !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}

.hy-input-text:focus {
  border-color: #3d4928 !important;
  background: #ffffff !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(61, 73, 40, 0.08) !important;
}

.hy-input-helper-text {
  font-family: "Inter", sans-serif !important;
  font-size: 12px !important;
  color: #9ca3af !important;
  margin-top: 2px !important;
  line-height: 1.4 !important;
}

.hy-form-fieldset {
  border: none !important;
  padding: 0 !important;
  margin: 40px 0 20px 0 !important;
  border-top: 1px solid #f2f0eb !important;
  padding-top: 30px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.hy-form-legend {
  font-family: "Noto Serif", serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #3d4928 !important;
  margin: 0 0 6px 0 !important;
  padding-right: 15px !important;
  float: left !important;
  width: 100% !important;
}

.hy-form-fieldset-desc {
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  color: #9ca3af !important;
  margin: 0 0 24px 0 !important;
  line-height: 1.4 !important;
  float: left !important;
  width: 100% !important;
}

.hy-form-submit-wrap {
  margin-top: 30px !important;
  border-top: 1px solid #f2f0eb !important;
  padding-top: 24px !important;
  display: flex !important;
  justify-content: flex-start !important;
  width: 100% !important;
}

.hy-form-submit-btn {
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  background: #3d4928 !important;
  color: #c5a059 !important;
  padding: 14px 32px !important;
  border: none !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  line-height: 1.2 !important;
  transition: all 0.3s ease !important;
}

.hy-form-submit-btn:hover {
  background: #1a261c !important;
  color: #c5a059 !important;
}

@media (max-width: 768px) {
  .hy-form-grid {
    grid-template-columns: 1fr !important;
  }
  .hy-edit-account-card {
    padding: 24px !important;
  }
}


/* =============================================================================
   HEADER 100-YEAR HERITAGE BADGE STYLES
   ============================================================================= */

.hy-site-header__brand {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  justify-content: center !important;
}

.hy-site-header__brand-wrapper {
  display: flex !important;
  align-items: center !important;
}

.hy-site-header__heritage-badge {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  border-left: 1px solid rgba(61, 73, 40, 0.15) !important;
  padding-left: 14px !important;
  text-align: left !important;
  line-height: 1 !important;
  height: 30px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.hy-site-header__heritage-number {
  font-family: "Noto Serif", serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #c5a059 !important;
  letter-spacing: 0.05em !important;
  line-height: 1.1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.hy-site-header__heritage-text {
  font-family: "Inter", sans-serif !important;
  font-size: 7.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  color: #3d4928 !important;
  margin-top: 1px !important;
  line-height: 1 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

@media (max-width: 480px) {
  .hy-site-header__brand {
    gap: 8px !important;
  }
  .hy-site-header__heritage-badge {
    padding-left: 8px !important;
    height: 26px !important;
  }
  .hy-site-header__heritage-number {
    font-size: 13px !important;
  }
  .hy-site-header__heritage-text {
    font-size: 6.5px !important;
    letter-spacing: 0.1em !important;
  }
}


/* =============================================================================
   HEADER 100-YEAR HERITAGE BADGE DYNAMIC CONTRAST ACCENTS
   ============================================================================= */

/* Define variables based on header state */
.hy-site-header--home {
  --hy-heritage-text-color: #fdfbf8;
  --hy-heritage-line-color: rgba(197, 160, 89, 0.4);
}

.hy-site-header--inner {
  --hy-heritage-text-color: #3d4928;
  --hy-heritage-line-color: rgba(61, 73, 40, 0.15);
}

.hy-site-header__heritage-badge {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  border-left: 1.5px solid var(--hy-heritage-line-color) !important;
  padding-left: 14px !important;
  text-align: left !important;
  line-height: 1.1 !important;
  height: 32px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  transition: border-color 0.3s ease !important;
}

.hy-site-header__heritage-number {
  font-family: "Noto Serif", serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #c5a059 !important; /* Always gold for luxury accent */
  letter-spacing: 0.05em !important;
  line-height: 1.1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.hy-site-header__heritage-text {
  font-family: "Inter", sans-serif !important;
  font-size: 8.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  color: var(--hy-heritage-text-color) !important; /* Dynamic contrast */
  margin-top: 3px !important;
  line-height: 1 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  transition: color 0.3s ease !important;
}

@media (max-width: 480px) {
  .hy-site-header__brand {
    gap: 10px !important;
  }
  .hy-site-header__heritage-badge {
    padding-left: 10px !important;
    height: 28px !important;
  }
  .hy-site-header__heritage-number {
    font-size: 14px !important;
  }
  .hy-site-header__heritage-text {
    font-size: 7px !important;
    letter-spacing: 0.12em !important;
  }
}


/* =============================================================================
   INNER PAGE HEADER LOGO SIZING & CONTRAST ACCENT FIXES
   ============================================================================= */

/* Force inner page header variables to match dark background contrast */
.hy-site-header--inner {
  --hy-heritage-text-color: #fdfbf8 !important;
  --hy-heritage-line-color: rgba(197, 160, 89, 0.4) !important;
}

/* Ensure brand-wrapper behaves and doesn't collapse */
.hy-site-header__brand-wrapper {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  flex-shrink: 0 !important;
}

/* Enforce clear, visible sizing on all states of inner page logo */
.hy-site-header--inner .hy-site-header__brand-link {
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}

.hy-site-header--inner .hy-site-header__brand-image {
  max-height: 42px !important;
  height: 42px !important;
  width: auto !important;
  display: block !important;
  flex-shrink: 0 !important;
}

/* Ensure scrolled states don't shrink the logo to an unreadable tiny size */
.hy-site-header.is-scrolled .hy-site-header__brand-link,
.hy-site-header.is-scrolling-down .hy-site-header__brand-link,
.hy-site-header.is-scrolling-up .hy-site-header__brand-link {
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
}

.hy-site-header.is-scrolled .hy-site-header__brand-image,
.hy-site-header.is-scrolling-down .hy-site-header__brand-image,
.hy-site-header.is-scrolling-up .hy-site-header__brand-image {
  max-height: 38px !important;
  height: 38px !important;
  width: auto !important;
}


/* =============================================================================
   PRODUCT CARD ORGANIC CERTIFICATE BADGE STYLES
   ============================================================================= */

.hy-card__organic-wrap {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 30 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.hy-card__organic-logo {
  width: 32px !important;
  height: 32px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.15)) !important;
}

.hy-card__organic-badge {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(8px) !important;
  border-radius: 50% !important;
  border: 1px solid rgba(197, 160, 89, 0.25) !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06) !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.hy-card__organic-badge:hover {
  transform: translateY(-2px) !important;
  border-color: #c5a059 !important;
  box-shadow: 0 6px 14px rgba(197, 160, 89, 0.15) !important;
}

.hy-card__organic-icon {
  width: 20px !important;
  height: 20px !important;
  color: #c5a059 !important;
  transition: transform 0.3s ease !important;
}

.hy-card__organic-badge:hover .hy-card__organic-icon {
  transform: scale(1.08) !important;
}

.hy-card__organic-tooltip {
  position: absolute !important;
  bottom: -28px !important;
  left: 50% !important;
  transform: translateX(-50%) scale(0.85) !important;
  background: #3d4928 !important;
  color: #c5a059 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.hy-card__organic-badge:hover .hy-card__organic-tooltip {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) scale(1) !important;
}


/* =============================================================================
   INCREASE ORGANIC BADGE & LOGO DISPLAY SIZE (48PX)
   ============================================================================= */

.hy-card__organic-logo {
  width: 48px !important;
  height: 48px !important;
  filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.2)) !important;
}

.hy-card__organic-badge {
  width: 48px !important;
  height: 48px !important;
}

.hy-card__organic-icon {
  width: 28px !important;
  height: 28px !important;
}

.hy-card__organic-tooltip {
  bottom: -32px !important;
}

/* === Product Card Discount Percentage Badge === */
.hy-card__regular-price-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 2px !important;
  line-height: 1 !important;
}

.hy-card__regular-price-wrap del {
  display: inline-block !important;
  margin-bottom: 0 !important;
  color: #9ca3af !important;
  font-size: .75rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

.hy-card__discount-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: "Inter", -apple-system, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #c5a059 !important;
  background: rgba(197, 160, 89, 0.12) !important;
  border: 1px solid rgba(197, 160, 89, 0.35) !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  vertical-align: middle !important;
  letter-spacing: 0.02em !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.hy-card:hover .hy-card__discount-badge {
  background: #c5a059 !important;
  color: #ffffff !important;
  border-color: #c5a059 !important;
}

/* === PDP Customer Reviews Section Premium Styling & Grid Alignment Fix === */
.hy-pdp-reviews {
  margin-top: 56px !important;
  padding-top: 48px !important;
  border-top: 1px solid rgba(61, 73, 40, 0.08) !important;
}

.hy-pdp-reviews__main-title {
  margin: 0 0 36px 0 !important;
  font-family: "Noto Serif", serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: var(--hy-color-primary) !important;
  letter-spacing: -0.01em !important;
  line-height: 1.2 !important;
}

@media (min-width: 1024px) {
  .hy-pdp-reviews__main-title {
    font-size: 32px !important;
    margin-bottom: 40px !important;
  }
}

.hy-pdp-reviews__top-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 20px !important;
  align-items: stretch !important;
  margin-bottom: 40px !important;
  width: 100% !important;
}

@media (min-width: 768px) {
  .hy-pdp-reviews__top-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
  }
}

.hy-pdp-reviews__score-card,
.hy-pdp-reviews__distribution,
.hy-pdp-reviews__cta-card {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 210px !important;
  box-sizing: border-box !important;
  border-radius: 18px !important;
  padding: 24px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  margin: 0 !important;
}

.hy-pdp-reviews__score-card {
  background: #f4f6f0 !important;
  border: 1px solid rgba(61, 73, 40, 0.08) !important;
  align-items: center !important;
  text-align: center !important;
}

.hy-pdp-reviews__distribution {
  background: #faf9f6 !important;
  border: 1px solid rgba(61, 73, 40, 0.08) !important;
  box-shadow: 0 4px 15px rgba(61, 73, 40, 0.01) !important;
  margin-bottom: 0 !important;
}

.hy-pdp-reviews__cta-card {
  background: #faf9f6 !important;
  border: 1px dashed rgba(61, 73, 40, 0.18) !important;
  align-items: center !important;
  text-align: center !important;
  grid-column: auto !important;
}

.hy-pdp-reviews__cta-title {
  margin: 0 0 10px !important;
  font-family: "Noto Serif", serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--hy-color-primary) !important;
}

.hy-pdp-reviews__cta-text {
  margin: 0 0 18px !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  color: #6b7280 !important;
  max-width: 240px !important;
}


/* === Header Account Link Single-Line Optimization === */
.hy-site-header__actions {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}

.hy-site-header__account-action {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}

.hy-site-header__account-link {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

.hy-site-header__account-text {
  display: inline-block !important;
  white-space: nowrap !important;
  letter-spacing: 0.08em !important;
}

/* === Footer Newsletter Input Group & Response Message === */
.hy-site-footer__newsletter-input-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

@media (min-width: 640px) {
  .hy-site-footer__newsletter-input-group {
    flex-direction: row;
    gap: 0;
  }
}

.hy-site-footer__newsletter-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.hy-site-footer__newsletter-msg {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  margin-top: 10px !important;
  line-height: 1.4 !important;
  padding: 10px 16px !important;
  border-radius: 10px !important;
  font-family: "Inter", -apple-system, sans-serif !important;
  animation: hyFadeIn 0.3s ease !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;
}

.hy-site-footer__newsletter-msg .hy-nl-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  flex-shrink: 0 !important;
}

.hy-site-footer__newsletter-msg.is-success {
  background: rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  color: #ffffff !important;
  border: 1px solid rgba(197, 160, 89, 0.45) !important;
}

.hy-site-footer__newsletter-msg.is-success .hy-nl-icon {
  background: #c5a059 !important;
  color: #131c15 !important;
}

.hy-site-footer__newsletter-msg.is-info {
  background: rgba(197, 160, 89, 0.12) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  color: #f3e8d2 !important;
  border: 1px solid rgba(197, 160, 89, 0.35) !important;
}

.hy-site-footer__newsletter-msg.is-info .hy-nl-icon {
  background: rgba(197, 160, 89, 0.3) !important;
  color: #c5a059 !important;
}

.hy-site-footer__newsletter-msg.is-error {
  background: rgba(239, 68, 68, 0.12) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  color: #fecaca !important;
  border: 1px solid rgba(239, 68, 68, 0.35) !important;
}

.hy-site-footer__newsletter-msg.is-error .hy-nl-icon {
  background: rgba(239, 68, 68, 0.25) !important;
  color: #f87171 !important;
}

@keyframes hyFadeIn {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}


/* === Checkout Select & District Floating Label Fix === */
.woocommerce-checkout .form-row:has(select) label,
.woocommerce-checkout .form-row:has(.select2-container) label,
.woocommerce-checkout .form-row.address-field label,
.woocommerce-checkout #billing_state_field label,
.woocommerce-checkout #billing_city_field label,
.woocommerce-checkout #shipping_state_field label,
.woocommerce-checkout #shipping_city_field label,
.woocommerce-checkout .form-row select ~ label,
.woocommerce-checkout .form-row .select2 ~ label {
  top: 0 !important;
  font-size: 11px !important;
  color: var(--hy-color-primary, #3d4928) !important;
  background-color: #ffffff !important;
  font-weight: 600 !important;
  transform: translateY(-50%) !important;
  z-index: 10 !important;
  line-height: 1 !important;
  padding: 0 4px !important;
  margin: 0 !important;
}

/* Ensure Select2 single rendered text has proper line-height and doesn't overlap */
.woocommerce-checkout .select2-container--default .select2-selection--single {
  height: 48px !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  background-color: #ffffff !important;
  display: block !important;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 46px !important;
  padding-left: 16px !important;
  padding-right: 44px !important;
  font-size: 14px !important;
  color: #1f2937 !important;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #9ca3af !important;
}

/* Disabled select2 styling */
.woocommerce-checkout .select2-container--disabled .select2-selection--single {
  background-color: #fafafa !important;
  border-color: #f3f4f6 !important;
  cursor: not-allowed !important;
}

.woocommerce-checkout .select2-container--disabled .select2-selection--single .select2-selection__rendered {
  color: #9ca3af !important;
}


/* === Premium Checkout Address Cards Grid & Smart Billing Toggle === */
.hy-checkout-address-cards-card {
  background: #ffffff !important;
  border: 1px solid rgba(61, 73, 40, 0.1) !important;
  border-radius: 16px !important;
  padding: 24px !important;
  margin-bottom: 24px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
}

.hy-checkout-address-cards-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  margin-bottom: 20px !important;
}

.hy-checkout-address-cards-title {
  margin: 0 0 6px 0 !important;
  font-family: "Noto Serif", serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--hy-color-primary, #3d4928) !important;
}

.hy-checkout-address-cards-desc {
  margin: 0 !important;
  font-size: 13px !important;
  color: #6b7280 !important;
}

.hy-checkout-manage-addresses-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--hy-color-tertiary, #c5a059) !important;
  text-decoration: none !important;
  background: rgba(197, 160, 89, 0.08) !important;
  border: 1px solid rgba(197, 160, 89, 0.25) !important;
  padding: 6px 12px !important;
  border-radius: 8px !important;
  transition: all 0.2s ease !important;
}

.hy-checkout-manage-addresses-link:hover {
  background: #c5a059 !important;
  color: #ffffff !important;
}

.hy-checkout-manage-addresses-link svg {
  width: 14px !important;
  height: 14px !important;
}

/* Address Cards Grid */
.hy-checkout-address-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 16px !important;
  margin-bottom: 20px !important;
}

/* Address Card Item */
.hy-address-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  border: 2px solid #e5e7eb !important;
  background: #faf9f6 !important;
  border-radius: 14px !important;
  padding: 18px !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  margin: 0 !important;
  min-height: 140px !important;
  user-select: none !important;
}

.hy-address-card:hover {
  border-color: rgba(197, 160, 89, 0.5) !important;
  background: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(61, 73, 40, 0.06) !important;
}

.hy-address-card.is-selected {
  border-color: var(--hy-color-primary, #3d4928) !important;
  background: #ffffff !important;
  box-shadow: 0 8px 24px rgba(61, 73, 40, 0.08) !important;
}

.hy-address-card-radio {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.hy-address-card-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 10px !important;
}

.hy-address-card-title-group {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.hy-address-card-icon-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  background: rgba(61, 73, 40, 0.08) !important;
  border-radius: 8px !important;
  color: var(--hy-color-primary, #3d4928) !important;
}

.hy-address-card.is-selected .hy-address-card-icon-badge {
  background: var(--hy-color-primary, #3d4928) !important;
  color: #ffffff !important;
}

.hy-address-card-icon-badge svg {
  width: 14px !important;
  height: 14px !important;
}

.hy-address-card-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1f2937 !important;
}

.hy-address-card-radio-circle {
  width: 18px !important;
  height: 18px !important;
  border: 2px solid #d1d5db !important;
  border-radius: 50% !important;
  position: relative !important;
  transition: all 0.2s ease !important;
  flex-shrink: 0 !important;
}

.hy-address-card.is-selected .hy-address-card-radio-circle {
  border-color: var(--hy-color-primary, #3d4928) !important;
  background: var(--hy-color-primary, #3d4928) !important;
}

.hy-address-card.is-selected .hy-address-card-radio-circle::after {
  content: "" !important;
  position: absolute !important;
  width: 6px !important;
  height: 6px !important;
  background: #ffffff !important;
  border-radius: 50% !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.hy-address-card-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  font-size: 13px !important;
  color: #4b5563 !important;
  line-height: 1.4 !important;
}

.hy-address-card-fullname {
  font-weight: 600 !important;
  color: #111827 !important;
}

.hy-address-card-address-line {
  color: #6b7280 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.hy-address-card-location {
  font-weight: 500 !important;
  color: #374151 !important;
}

.hy-address-card-phone {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 12px !important;
  color: #9ca3af !important;
  margin-top: 4px !important;
}

.hy-address-card-phone svg {
  width: 12px !important;
  height: 12px !important;
}

/* New Address Card */
.hy-address-card--new {
  border: 2px dashed rgba(61, 73, 40, 0.25) !important;
  background: rgba(250, 249, 246, 0.6) !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.hy-address-card--new:hover {
  border-color: var(--hy-color-primary, #3d4928) !important;
  background: rgba(61, 73, 40, 0.03) !important;
}

.hy-address-card--new.is-selected {
  border-color: var(--hy-color-primary, #3d4928) !important;
  border-style: solid !important;
  background: #ffffff !important;
}

.hy-address-card-new-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
}

.hy-address-card-new-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: rgba(197, 160, 89, 0.12) !important;
  color: var(--hy-color-tertiary, #c5a059) !important;
  margin-bottom: 2px !important;
}

.hy-address-card-new-icon svg {
  width: 18px !important;
  height: 18px !important;
}

.hy-address-card-new-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--hy-color-primary, #3d4928) !important;
}

.hy-address-card-new-sub {
  font-size: 12px !important;
  color: #9ca3af !important;
}

/* Smart Billing Toggle Card */
.hy-billing-toggle-container {
  margin-top: 18px !important;
  border-top: 1px dashed rgba(61, 73, 40, 0.12) !important;
  padding-top: 18px !important;
}

.hy-billing-toggle-card {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #faf9f6 !important;
  border: 1px solid rgba(61, 73, 40, 0.08) !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
}

.hy-billing-toggle-info {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.hy-billing-toggle-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  background: rgba(61, 73, 40, 0.08) !important;
  color: var(--hy-color-primary, #3d4928) !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
}

.hy-billing-toggle-icon svg {
  width: 18px !important;
  height: 18px !important;
}

.hy-billing-toggle-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1f2937 !important;
  margin-bottom: 2px !important;
}

.hy-billing-toggle-desc {
  font-size: 12px !important;
  color: #6b7280 !important;
}

/* Different Billing Dropdown Wrapper */
.hy-different-billing-wrapper {
  margin-top: 14px !important;
  padding: 16px 18px !important;
  background: #ffffff !important;
  border: 1px solid rgba(197, 160, 89, 0.3) !important;
  border-radius: 12px !important;
  animation: hyFadeIn 0.3s ease !important;
}

.hy-different-billing-title {
  display: block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--hy-color-primary, #3d4928) !important;
  margin-bottom: 10px !important;
}

.hy-different-billing-select {
  width: 100% !important;
  min-height: 46px !important;
  border: 1px solid #d1d5db !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  font-size: 13.5px !important;
  color: #1f2937 !important;
  background: #faf9f6 !important;
}


/* === Luxury Floating Cart Toast Notification & AJAX Button States === */
.hy-cart-toast {
  position: fixed;
  top: 30px;
  right: 30px;
  bottom: auto;
  z-index: 999999;
  background: rgba(19, 28, 21, 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(197, 160, 89, 0.4);
  border-radius: 16px;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.3), 0 0 20px rgba(197, 160, 89, 0.15);
  color: #ffffff;
  overflow: hidden;
  max-width: 380px;
  width: calc(100vw - 40px);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-20px) scale(0.96);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.hy-cart-toast.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}

.hy-cart-toast__inner {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  position: relative;
}

.hy-cart-toast__icon-wrap {
  width: 32px;
  height: 32px;
  background: #c5a059;
  color: #131c15;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 900;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(197, 160, 89, 0.4);
}

.hy-cart-toast__img {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  object-fit: cover;
  background: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.1);
  flex-shrink: 0;
}

.hy-cart-toast__content {
  flex: 1;
  min-width: 0;
}

.hy-cart-toast__badge {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.1em;
  color: #c5a059;
  text-transform: uppercase;
  margin-bottom: 2px;
}

.hy-cart-toast__name {
  font-size: 13.5px;
  font-weight: 600;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}

.hy-cart-toast__meta {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 2px;
}

.hy-cart-toast__close {
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.5);
  font-size: 20px;
  line-height: 1;
  padding: 4px;
  cursor: pointer;
  margin-left: 6px;
  transition: color 0.2s ease;
  align-self: flex-start;
}

.hy-cart-toast__close:hover {
  color: #ffffff;
}

.hy-cart-toast__progress {
  height: 3px;
  background: linear-gradient(90deg, #c5a059, #e5d5b5);
  width: 100%;
}

/* Button Loading & Success States */
.hy-pdp-add-btn.is-loading,
.hy-card__add-to-cart.is-loading {
  opacity: 0.7 !important;
  pointer-events: none !important;
  cursor: wait !important;
}

.hy-pdp-add-btn.is-added {
  background: #16a34a !important;
  border-color: #16a34a !important;
  color: #ffffff !important;
}

.hy-card__add-to-cart.is-added {
  background: #16a34a !important;
  color: #ffffff !important;
}

@media (max-width: 640px) {
  .hy-cart-toast {
    top: 16px;
    bottom: auto;
    right: 16px;
    left: 16px;
    width: auto;
    max-width: none;
  }
}


/* === Mobile & Desktop Background Scroll Lock for Side Cart === */
html.hy-side-cart-active,
body.hy-side-cart-active {
  overflow: hidden !important;
  height: 100% !important;
  touch-action: none !important;
  -webkit-overflow-scrolling: auto !important;
}

.hy-side-cart.is-open {
  overscroll-behavior: contain !important;
  touch-action: none !important;
}

.hy-side-cart__drawer {
  touch-action: pan-y !important;
}

.hy-side-cart__body {
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
}

.hy-side-cart__overlay {
  touch-action: none !important;
}


/* === Hilmi Yıldırım Premium 404 Page Styles === */
.hy-404-page {
  background-color: #faf8f5;
  color: #1f2937;
  overflow-x: hidden;
}

.hy-404-hero {
  padding: 80px 20px 60px;
  text-align: center;
  position: relative;
  background: radial-gradient(circle at 50% 20%, rgba(197, 160, 89, 0.08) 0%, rgba(250, 248, 245, 0) 70%);
}

.hy-404-hero__inner {
  max-width: 720px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hy-404-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(197, 160, 89, 0.12);
  border: 1px solid rgba(197, 160, 89, 0.35);
  padding: 6px 16px;
  border-radius: 9999px;
  margin-bottom: 24px;
}

.hy-404-badge__dot {
  width: 6px;
  height: 6px;
  background-color: #c5a059;
  border-radius: 50%;
}

.hy-404-badge__text {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #8c6f32;
  text-transform: uppercase;
}

.hy-404-number {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 130px;
  line-height: 1;
  font-weight: 800;
  color: #1b281c;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  letter-spacing: -0.04em;
  margin-bottom: 16px;
  user-select: none;
}

.hy-404-number__center {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 90px;
  animation: hy-float-olive 4s ease-in-out infinite alternate;
}

@keyframes hy-float-olive {
  0% { transform: translateY(0) rotate(0deg); }
  100% { transform: translateY(-8px) rotate(4deg); }
}

.hy-404-olive-icon {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 8px 16px rgba(27, 40, 28, 0.25));
}

.hy-404-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 32px;
  font-weight: 700;
  color: #1b281c;
  line-height: 1.25;
  margin: 0 0 16px;
}

.hy-404-description {
  font-size: 15.5px;
  line-height: 1.65;
  color: #556253;
  margin: 0 0 32px;
  max-width: 580px;
}

/* Quick Search Box */
.hy-404-search {
  width: 100%;
  max-width: 480px;
  margin-bottom: 28px;
}

.hy-404-search__form {
  position: relative;
  display: flex;
  align-items: center;
  background: #ffffff;
  border: 1.5px solid rgba(197, 160, 89, 0.4);
  border-radius: 9999px;
  padding: 4px 6px 4px 18px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.hy-404-search__form:focus-within {
  border-color: #c5a059;
  box-shadow: 0 6px 24px rgba(197, 160, 89, 0.2);
}

.hy-404-search__icon {
  width: 18px;
  height: 18px;
  color: #8c6f32;
  margin-right: 10px;
  flex-shrink: 0;
}

.hy-404-search__input {
  flex: 1;
  border: none !important;
  background: transparent !important;
  padding: 8px 0 !important;
  font-size: 14px !important;
  color: #1f2937 !important;
  outline: none !important;
}

.hy-404-search__input::placeholder {
  color: #9ca3af;
}

.hy-404-search__btn {
  background: #1b281c;
  color: #ffffff;
  border: none;
  padding: 9px 20px;
  border-radius: 9999px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease;
}

.hy-404-search__btn:hover {
  background: #c5a059;
  color: #1b281c;
}

/* Action Buttons */
.hy-404-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 36px;
}

.hy-404-btn {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 12px 26px;
  border-radius: 9999px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.25s ease;
}

.hy-404-btn__icon {
  width: 17px;
  height: 17px;
}

.hy-404-btn--primary {
  background: #c5a059;
  color: #131c15;
  box-shadow: 0 4px 14px rgba(197, 160, 89, 0.35);
}

.hy-404-btn--primary:hover {
  background: #b08d46;
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(197, 160, 89, 0.45);
}

.hy-404-btn--secondary {
  background: #ffffff;
  color: #1b281c;
  border: 1.5px solid rgba(27, 40, 28, 0.2);
}

.hy-404-btn--secondary:hover {
  border-color: #1b281c;
  background: #1b281c;
  color: #ffffff;
  transform: translateY(-1px);
}

/* Category Chips */
.hy-404-categories {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.hy-404-categories__title {
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #6b7280;
  text-transform: uppercase;
}

.hy-404-categories__list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

.hy-404-cat-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 9999px;
  font-size: 13px;
  color: #374151;
  text-decoration: none;
  transition: all 0.2s ease;
}

.hy-404-cat-pill__arrow {
  color: #c5a059;
  font-weight: 700;
  transition: transform 0.2s ease;
}

.hy-404-cat-pill:hover {
  border-color: #c5a059;
  color: #1b281c;
  background: rgba(197, 160, 89, 0.08);
  transform: translateY(-1px);
}

.hy-404-cat-pill:hover .hy-404-cat-pill__arrow {
  transform: translateX(3px);
}

/* Showcase Section */
.hy-404-showcase {
  padding: 60px 0 70px;
  background: #ffffff;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.hy-404-showcase__header {
  text-align: center;
  margin-bottom: 40px;
}

.hy-404-showcase__subtitle {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.15em;
  color: #c5a059;
  margin-bottom: 6px;
}

.hy-404-showcase__title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 26px;
  font-weight: 700;
  color: #1b281c;
  margin: 0 0 14px;
}

.hy-404-showcase__line {
  width: 48px;
  height: 2px;
  background: #c5a059;
  margin: 0 auto;
}

.hy-404-products-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

@media (max-width: 1024px) {
  .hy-404-products-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .hy-404-products-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}

/* Trust Badges Strip */
.hy-404-trust {
  padding: 50px 0;
  background: #faf8f5;
}

.hy-404-trust__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.hy-404-trust__item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}

.hy-404-trust__icon {
  font-size: 24px;
  line-height: 1;
  flex-shrink: 0;
}

.hy-404-trust__content h4 {
  font-size: 14px;
  font-weight: 700;
  color: #1b281c;
  margin: 0 0 4px;
}

.hy-404-trust__content p {
  font-size: 12px;
  line-height: 1.45;
  color: #6b7280;
  margin: 0;
}

@media (max-width: 1024px) {
  .hy-404-trust__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .hy-404-hero {
    padding: 50px 16px 40px;
  }
  .hy-404-number {
    font-size: 90px;
  }
  .hy-404-number__center {
    width: 60px;
    height: 60px;
  }
  .hy-404-title {
    font-size: 22px;
  }
  .hy-404-description {
    font-size: 14px;
  }
  .hy-404-actions {
    flex-direction: column;
    width: 100%;
  }
  .hy-404-btn {
    width: 100%;
    justify-content: center;
  }
  .hy-404-trust__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}


/* === Hilmi Yıldırım My Account Addresses Luxury Redesign === */
.hy-address-dashboard {
  width: 100%;
}

.hy-address-dashboard__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0ed;
  flex-wrap: wrap;
}

.hy-address-dashboard__intro {
  flex: 1;
  min-width: 260px;
}

.hy-address-dashboard__title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 22px;
  font-weight: 700;
  color: #1b281c;
  margin: 0 0 6px 0;
}

.hy-address-dashboard__desc {
  font-size: 13.5px;
  color: #6b7280;
  margin: 0;
  line-height: 1.5;
}

.hy-address-dashboard__top-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.hy-address-dashboard__count-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #f4f4f2;
  color: #4b5563;
  padding: 8px 14px;
  border-radius: 9999px;
  font-size: 12.5px;
  font-weight: 600;
}

.hy-address-dashboard__count-icon {
  width: 15px;
  height: 15px;
  color: #c5a059;
}

.hy-address-dashboard__add-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #1b281c;
  color: #ffffff;
  border: 1px solid #1b281c;
  padding: 8px 18px;
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.25s ease;
}

.hy-address-dashboard__add-btn:hover {
  background: #c5a059;
  border-color: #c5a059;
  color: #1b281c;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(197, 160, 89, 0.25);
}

.hy-address-dashboard__add-btn-icon {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

/* 2-Column Responsive Card Grid */
.hy-address-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

@media (max-width: 900px) {
  .hy-address-grid {
    grid-template-columns: 1fr;
  }
}

/* Individual Address Card */
.hy-my-card {
  background: #ffffff;
  border: 1.5px solid #e8e8e5;
  border-radius: 16px;
  padding: 20px 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  transition: all 0.25s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}

.hy-my-card:hover {
  border-color: #c5a059;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
  transform: translateY(-2px);
}

.hy-my-card.is-default {
  border-color: #c5a059;
  background: linear-gradient(180deg, rgba(197, 160, 89, 0.03) 0%, #ffffff 100%);
}

.hy-my-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f0f0ed;
}

.hy-my-card__title-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}

.hy-my-card__icon {
  font-size: 18px;
  line-height: 1;
}

.hy-my-card__title {
  font-size: 15px;
  font-weight: 700;
  color: #1b281c;
  margin: 0;
}

.hy-my-card__badges {
  display: flex;
  align-items: center;
  gap: 6px;
}

.hy-my-card__badge {
  font-size: 11px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.hy-my-card__badge--default {
  background: #c5a059;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

.hy-my-card__badge-star {
  font-size: 10px;
}

.hy-my-card__badge--billing {
  background: rgba(30, 41, 59, 0.08);
  color: #334155;
}

.hy-my-card__badge--shipping {
  background: rgba(43, 74, 46, 0.08);
  color: #2b4a2e;
}

.hy-my-card__body {
  flex: 1;
  margin-bottom: 16px;
}

.hy-my-card__recipient {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 14.5px;
  color: #1b281c;
  margin-bottom: 10px;
}

.hy-my-card__recipient-icon {
  width: 16px;
  height: 16px;
  color: #c5a059;
  flex-shrink: 0;
}

.hy-my-card__company {
  font-size: 13px;
  font-weight: normal;
  color: #6b7280;
}

.hy-my-card__address-text {
  font-size: 13.5px;
  color: #4b5563;
  line-height: 1.55;
  margin-bottom: 12px;
}

.hy-my-card__street {
  margin: 0 0 2px 0;
}

.hy-my-card__street-extra {
  margin: 0 0 2px 0;
  color: #6b7280;
}

.hy-my-card__city-state {
  margin: 4px 0 0 0;
  color: #1b281c;
}

.hy-my-card__postcode {
  font-size: 12px;
  color: #9ca3af;
  margin-left: 4px;
}

.hy-my-card__meta {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-top: 10px;
  border-top: 1px dashed #f0f0ed;
}

.hy-my-card__meta-item {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12.5px;
  color: #556253;
}

.hy-my-card__meta-icon {
  width: 14px;
  height: 14px;
  color: #9ca3af;
  flex-shrink: 0;
}

/* Card Action Bar */
.hy-my-card__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid #f0f0ed;
}

.hy-my-card__btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  color: #4b5563;
  cursor: pointer;
  transition: all 0.2s ease;
}

.hy-my-card__btn-icon {
  width: 13px;
  height: 13px;
}

.hy-my-card__btn:hover {
  background: #f9fafb;
  border-color: #d1d5db;
  color: #111827;
}

.hy-my-card__btn--default {
  color: #8c6f32;
  border-color: rgba(197, 160, 89, 0.4);
  background: rgba(197, 160, 89, 0.05);
}

.hy-my-card__btn--default:hover {
  background: #c5a059;
  border-color: #c5a059;
  color: #ffffff;
}

.hy-my-card__btn--edit:hover {
  border-color: #1b281c;
  color: #1b281c;
}

.hy-my-card__btn--delete {
  margin-left: auto;
  color: #9ca3af;
  border-color: transparent;
}

.hy-my-card__btn--delete:hover {
  background: #fef2f2;
  border-color: #fecaca;
  color: #dc2626;
}

/* Add New Address Card Slot */
.hy-my-card--add-slot {
  border: 2px dashed rgba(197, 160, 89, 0.4);
  background: rgba(197, 160, 89, 0.02);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  min-height: 220px;
}

.hy-my-card--add-slot:hover {
  border-color: #c5a059;
  background: rgba(197, 160, 89, 0.06);
  transform: translateY(-2px);
}

.hy-my-card__add-slot-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}

.hy-my-card__add-plus-circle {
  width: 46px;
  height: 46px;
  background: #c5a059;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  box-shadow: 0 4px 12px rgba(197, 160, 89, 0.3);
  transition: transform 0.25s ease;
}

.hy-my-card__add-plus-circle svg {
  width: 22px;
  height: 22px;
}

.hy-my-card--add-slot:hover .hy-my-card__add-plus-circle {
  transform: scale(1.1);
}

.hy-my-card__add-slot-title {
  font-size: 15px;
  font-weight: 700;
  color: #1b281c;
  margin: 0 0 4px 0;
}

.hy-my-card__add-slot-desc {
  font-size: 12.5px;
  color: #6b7280;
  margin: 0 0 8px 0;
  max-width: 200px;
}

.hy-my-card__add-slot-limit {
  font-size: 11.5px;
  font-weight: 600;
  color: #8c6f32;
}

/* === Glassmorphic Address Modal === */
.hy-address-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.hy-address-modal.is-visible {
  opacity: 1;
  visibility: visible;
}

.hy-address-modal__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(19, 28, 21, 0.6);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.hy-address-modal__container {
  position: relative;
  background: #ffffff;
  border-radius: 20px;
  width: 100%;
  max-width: 580px;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(197, 160, 89, 0.3);
  transform: translateY(20px) scale(0.97);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  padding: 28px 32px;
}

.hy-address-modal.is-visible .hy-address-modal__container {
  transform: translateY(0) scale(1);
}

.hy-address-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f0f0ed;
}

.hy-address-modal__header-title-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}

.hy-address-modal__ornament {
  color: #c5a059;
  font-size: 16px;
}

.hy-address-modal__title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 20px;
  font-weight: 700;
  color: #1b281c;
  margin: 0;
}

.hy-address-modal__close {
  background: transparent;
  border: none;
  font-size: 24px;
  line-height: 1;
  color: #9ca3af;
  cursor: pointer;
  padding: 4px;
  transition: color 0.2s ease;
}

.hy-address-modal__close:hover {
  color: #111827;
}

/* Modal Form Layout */
.hy-address-modal__form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.hy-modal-row--half {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

@media (max-width: 540px) {
  .hy-modal-row--half {
    grid-template-columns: 1fr;
  }
}

.hy-form-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.hy-form-label {
  font-size: 12px;
  font-weight: 600;
  color: #374151;
  letter-spacing: 0.02em;
  margin: 0 0 4px 0;
  display: block;
}

.hy-form-input,
.hy-form-select,
.hy-form-textarea {
  width: 100% !important;
  background: #fbfbf9 !important;
  border: 1.5px solid #e5e7eb !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  font-size: 13.5px !important;
  color: #1f2937 !important;
  outline: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  box-sizing: border-box !important;
}

.hy-form-input:focus,
.hy-form-select:focus,
.hy-form-textarea:focus {
  background: #ffffff !important;
  border-color: #c5a059 !important;
  box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.15) !important;
}

.hy-form-input.is-invalid,
.hy-form-select.is-invalid,
.hy-form-textarea.is-invalid {
  border-color: #ef4444 !important;
  background: #fef2f2 !important;
}

/* Quick Presets */
.hy-quick-presets {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}

.hy-quick-preset-btn {
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 9999px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 600;
  color: #4b5563;
  cursor: pointer;
  transition: all 0.2s ease;
}

.hy-quick-preset-btn:hover {
  background: rgba(197, 160, 89, 0.12);
  border-color: #c5a059;
  color: #1b281c;
}

/* Type Selector Box */
.hy-type-selector {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.hy-type-option {
  cursor: pointer;
}

.hy-type-option input {
  display: none;
}

.hy-type-option__box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 14px;
  border: 1.5px solid #e5e7eb;
  border-radius: 10px;
  background: #fbfbf9;
  font-size: 13px;
  font-weight: 600;
  color: #4b5563;
  transition: all 0.2s ease;
}

.hy-type-option input:checked + .hy-type-option__box {
  background: rgba(197, 160, 89, 0.1);
  border-color: #c5a059;
  color: #1b281c;
}

.hy-type-option__icon {
  font-size: 16px;
}

/* Modal Footer Actions */
.hy-address-modal__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 10px;
  padding-top: 18px;
  border-top: 1px solid #f0f0ed;
}

.hy-modal-btn {
  padding: 10px 22px;
  border-radius: 9999px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.25s ease;
}

.hy-modal-btn--cancel {
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  color: #4b5563;
}

.hy-modal-btn--cancel:hover {
  background: #e5e7eb;
  color: #111827;
}

.hy-modal-btn--save {
  background: #1b281c;
  border: 1px solid #1b281c;
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(27, 40, 28, 0.2);
}

.hy-modal-btn--save:hover {
  background: #c5a059;
  border-color: #c5a059;
  color: #1b281c;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(197, 160, 89, 0.3);
}

@media (max-width: 640px) {
  .hy-address-modal__container {
    padding: 20px 18px;
  }
}

/* =============================================================================
   BLOG CATEGORY FILTER TABS & LOAD MORE BUTTON
   ============================================================================= */
.hy-blog-filter-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-bottom: 36px;
}

.hy-blog-filter-btn {
  padding: 8px 18px;
  border-radius: 30px;
  font-size: 13.5px;
  font-weight: 600;
  color: #475569;
  background: #ffffff;
  border: 1px solid rgba(26, 38, 28, 0.12);
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.hy-blog-filter-btn:hover {
  border-color: #c5a059;
  color: #1b281c;
  transform: translateY(-1px);
}

.hy-blog-filter-btn.active {
  background: #1b281c;
  color: #ffffff;
  border-color: #1b281c;
  box-shadow: 0 4px 14px rgba(27, 40, 28, 0.2);
}

.hy-blog-filter-btn__count {
  font-size: 11.5px;
  opacity: 0.75;
}

.hy-blog-loadmore-wrap {
  text-align: center;
  margin-top: 45px;
  margin-bottom: 20px;
}

.hy-blog-loadmore-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 13px 34px;
  border-radius: 40px;
  background: #ffffff;
  color: #1b281c;
  border: 1.5px solid #1b281c;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.25s ease;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
}

.hy-blog-loadmore-btn:hover {
  background: #1b281c;
  color: #ffffff;
  box-shadow: 0 6px 20px rgba(27, 40, 28, 0.25);
  transform: translateY(-2px);
}

.hy-blog-loadmore-btn .hy-btn-icon {
  width: 18px;
  height: 18px;
  transition: transform 0.25s ease;
}

.hy-blog-loadmore-btn:hover .hy-btn-icon {
  transform: translateY(2px);
}

.hy-blog-loadmore-btn.is-loading .hy-btn-icon {
  animation: hy-blog-spin 0.8s linear infinite;
}

@keyframes hy-blog-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* === Footer Heritage Brand Badge === */
.hy-site-footer__brand-logo-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  justify-content: flex-start !important;
}

.hy-site-footer__brand-logo-inner {
  display: flex !important;
  align-items: center !important;
}

.hy-site-footer__heritage-badge {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  border-left: 1.5px solid rgba(197, 160, 89, 0.4) !important;
  padding-left: 14px !important;
  text-align: left !important;
  line-height: 1.1 !important;
  height: 32px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.hy-site-footer__heritage-number {
  font-family: "Noto Serif", serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #c5a059 !important;
  letter-spacing: 0.05em !important;
  line-height: 1.1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.hy-site-footer__heritage-text {
  font-family: "Inter", sans-serif !important;
  font-size: 8.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  color: #fdfbf8 !important;
  margin-top: 3px !important;
  line-height: 1 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

@media (max-width: 480px) {
  .hy-site-footer__brand-logo-wrap {
    gap: 10px !important;
  }
  .hy-site-footer__heritage-badge {
    padding-left: 10px !important;
    height: 28px !important;
  }
  .hy-site-footer__heritage-number {
    font-size: 14px !important;
  }
  .hy-site-footer__heritage-text {
    font-size: 7px !important;
    letter-spacing: 0.12em !important;
  }
}

/* =============================================================================
   MOBILE "HESABIM" (MY ACCOUNT) PREMIUM COMPACT SPACING OPTIMIZATION
   ============================================================================= */
@media (max-width: 768px) {
  /* Sayfa genel dikey boşlukları */
  body.woocommerce-account.logged-in .hy-page-content-wrap {
    padding-top: 12px !important;
    padding-bottom: 36px !important;
  }

  /* Ekran kenar boşlukları (fazla gutter padding'ini kaldırıp lüks çerçeve bırakıyoruz) */
  body.woocommerce-account.logged-in .hy-site-container.hy-account-portal-wrap {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* WooCommerce ana sarmalayıcı - dış boşluk ve kartlar arası mesafe */
  .woocommerce-account .woocommerce {
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 14px !important;
    width: 100% !important;
  }

  /* Üst Navigasyon Kartı */
  .woocommerce-account .woocommerce-MyAccount-navigation {
    padding: 14px 12px !important;
    margin-bottom: 0 !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.025) !important;
  }

  /* Navigasyon: Profil Rozeti & Karşılama */
  .woocommerce-account .hy-portal-nav-card {
    padding: 14px 12px !important;
    margin-bottom: 12px !important;
    border-radius: 10px !important;
  }

  .hy-portal-nav-card__avatar {
    width: 52px !important;
    height: 52px !important;
    font-size: 19px !important;
    margin: 0 auto 8px auto !important;
  }

  .hy-portal-nav-card__welcome {
    font-size: 10.5px !important;
  }

  .hy-portal-nav-card__name {
    font-size: 14.5px !important;
    margin-top: 2px !important;
  }

  /* Navigasyon Menü Elemanları */
  .hy-portal-menu__item {
    margin-bottom: 2px !important;
  }

  .hy-portal-menu__link {
    padding: 10px 12px !important;
    font-size: 13px !important;
    border-radius: 8px !important;
  }

  .hy-portal-menu__icon svg {
    width: 17px !important;
    height: 17px !important;
  }

  /* Alt İçerik Kartı */
  .woocommerce-account .woocommerce-MyAccount-content {
    padding: 16px 14px !important;
    border-radius: 14px !important;
    min-height: auto !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.025) !important;
  }

  /* Dashboard: Karşılama Başlığı */
  .hy-dashboard-welcome {
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
  }

  .hy-dashboard-welcome__subtitle {
    font-size: 11px !important;
  }

  .hy-dashboard-welcome__title {
    font-size: 20px !important;
    margin: 4px 0 6px 0 !important;
  }

  .hy-dashboard-welcome__desc {
    font-size: 12.5px !important;
    line-height: 1.5 !important;
  }

  /* Dashboard: Hızlı Erişim Kartları Grid */
  .hy-dashboard-grid {
    gap: 10px !important;
  }

  .hy-dashboard-card {
    padding: 14px 12px !important;
    border-radius: 12px !important;
  }

  .hy-dashboard-card__icon {
    width: 36px !important;
    height: 36px !important;
    margin-bottom: 10px !important;
  }

  .hy-dashboard-card__title {
    font-size: 14.5px !important;
    margin-bottom: 4px !important;
  }

  .hy-dashboard-card__desc {
    font-size: 12px !important;
    line-height: 1.45 !important;
    margin-bottom: 10px !important;
  }

  .hy-dashboard-card__btn,
  .hy-dashboard-card__link {
    padding: 8px 12px !important;
    font-size: 12px !important;
    border-radius: 8px !important;
  }

  /* Siparişler, İndirmeler, Adres Başlıkları */
  .hy-portal-content-header {
    margin-bottom: 14px !important;
  }

  .hy-portal-content-header__title {
    font-size: 18px !important;
    margin-bottom: 4px !important;
  }

  .hy-portal-content-header__desc {
    font-size: 12.5px !important;
  }

  /* Hesap Detayları (Edit Account) */
  .hy-edit-account-card {
    padding: 16px 14px !important;
    border-radius: 14px !important;
  }

  .hy-edit-account-title {
    font-size: 18px !important;
  }

  .hy-edit-account-desc {
    margin-bottom: 16px !important;
    font-size: 12.5px !important;
  }

  .hy-form-grid {
    gap: 12px !important;
  }

  /* Adres Kartları */
  .hy-address-book__grid {
    gap: 12px !important;
  }

  .hy-address-card {
    padding: 16px 14px !important;
    border-radius: 12px !important;
  }
}

@media (max-width: 480px) {
  body.woocommerce-account.logged-in .hy-site-container.hy-account-portal-wrap {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content {
    padding: 14px 12px !important;
  }
}