.elementor-22772 .elementor-element.elementor-element-10a12f0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22772 .elementor-element.elementor-element-8c49ef6{--display:grid;--min-height:90vh;--e-con-grid-template-columns:0.5fr 1fr;--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22772 .elementor-element.elementor-element-2c14318{margin:200px 0px calc(var(--kit-widget-spacing, 0px) + 200px) 0px;padding:10px 10px 10px 10px;grid-column:span 1;grid-row:span 2;text-align:center;}.elementor-22772 .elementor-element.elementor-element-2c14318.elementor-element{--align-self:center;}.elementor-22772 .elementor-element.elementor-element-2c14318 .elementor-heading-title{font-family:"Cormorant Garamond", sans-serif;font-size:1.8rem;text-transform:uppercase;letter-spacing:0.99rem;color:var( --e-global-color-primary );}.elementor-22772 .elementor-element.elementor-element-d3a2fc9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22772 .elementor-element.elementor-element-ef1283d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22772 .elementor-element.elementor-element-cee0e9d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:1.5rem 0rem;--row-gap:1.5rem;--column-gap:0rem;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22772 .elementor-element.elementor-element-9aeb6c1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22772 .elementor-element.elementor-element-8d25ea4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22772 .elementor-element.elementor-element-00333d6{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22772 .elementor-element.elementor-element-319e6e0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22772 .elementor-element.elementor-element-6a1c6cd{--grid-columns:1;}.elementor-22772 .elementor-element.elementor-element-faf4ba7{--display:grid;--min-height:54vh;--e-con-grid-template-columns:1fr 3fr;--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:center;--grid-justify-content:center;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22772 .elementor-element.elementor-element-bbaa85f{text-align:center;}.elementor-22772 .elementor-element.elementor-element-bbaa85f .elementor-heading-title{font-size:1.5rem;text-transform:uppercase;line-height:1.2em;letter-spacing:0.19em;}.elementor-22772 .elementor-element.elementor-element-5ca9458{--divider-border-style:solid;--divider-color:var( --e-global-color-da412e0 );--divider-border-width:1px;}.elementor-22772 .elementor-element.elementor-element-5ca9458 .elementor-divider-separator{width:100%;}.elementor-22772 .elementor-element.elementor-element-5ca9458 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-22772 .elementor-element.elementor-element-59f1a01{--grid-columns:3;}.elementor-22772 .elementor-element.elementor-element-59f1a01 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 20px 20px 20px;}.elementor-22772 .elementor-element.elementor-element-59f1a01.elementor-element{--align-self:center;}.elementor-22772 .elementor-element.elementor-element-57977fd{--display:grid;--min-height:54vh;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 5px;--row-gap:0px;--column-gap:5px;--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:2px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22772 .elementor-element.elementor-element-02761d7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:1.50rem 0rem;--row-gap:1.50rem;--column-gap:0rem;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22772 .elementor-element.elementor-element-7ccd98e{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22772 .elementor-element.elementor-element-7ccd98e.e-con{--align-self:center;}.elementor-22772 .elementor-element.elementor-element-6b0bdf4{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22772 .elementor-element.elementor-element-6b0bdf4.e-con{--align-self:center;}.elementor-22772 .elementor-element.elementor-element-f23d581{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22772 .elementor-element.elementor-element-5be767f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:1rem 0rem;--row-gap:1rem;--column-gap:0rem;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22772 .elementor-element.elementor-element-98b6d93{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-22772 .elementor-element.elementor-element-8c49ef6{--grid-auto-flow:row;}.elementor-22772 .elementor-element.elementor-element-2c14318{text-align:start;}.elementor-22772 .elementor-element.elementor-element-2c14318 .elementor-heading-title{font-size:1.8rem;}.elementor-22772 .elementor-element.elementor-element-ef1283d{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22772 .elementor-element.elementor-element-ef1283d.e-con{--align-self:center;}.elementor-22772 .elementor-element.elementor-element-cee0e9d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22772 .elementor-element.elementor-element-cee0e9d.e-con{--align-self:center;}.elementor-22772 .elementor-element.elementor-element-00333d6{--grid-auto-flow:row;}.elementor-22772 .elementor-element.elementor-element-6a1c6cd{--grid-columns:1;}.elementor-22772 .elementor-element.elementor-element-faf4ba7{--e-con-grid-template-columns:1;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;--grid-justify-content:center;}.elementor-22772 .elementor-element.elementor-element-59f1a01{--grid-columns:2;}.elementor-22772 .elementor-element.elementor-element-57977fd{--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}}@media(max-width:767px){.elementor-22772 .elementor-element.elementor-element-8c49ef6{--e-con-grid-template-columns:1fr;--grid-auto-flow:row;}.elementor-22772 .elementor-element.elementor-element-2c14318{padding:0px 0px 0px 0px;text-align:start;}.elementor-22772 .elementor-element.elementor-element-2c14318.elementor-element{--align-self:center;}.elementor-22772 .elementor-element.elementor-element-2c14318 .elementor-heading-title{font-size:1.5rem;}.elementor-22772 .elementor-element.elementor-element-00333d6{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-22772 .elementor-element.elementor-element-6a1c6cd{--grid-columns:1;}.elementor-22772 .elementor-element.elementor-element-faf4ba7{--e-con-grid-template-columns:1;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-22772 .elementor-element.elementor-element-59f1a01{--grid-columns:1;}.elementor-22772 .elementor-element.elementor-element-57977fd{--e-con-grid-template-columns:1;--e-con-grid-template-rows:repeat(1, 1fr);--gap:1rem 0rem;--row-gap:1rem;--column-gap:0rem;--grid-auto-flow:row;--grid-justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22772 .elementor-element.elementor-element-57977fd.e-con{--align-self:center;}}/* Start custom CSS *//* =========================================================
   H O S Ä E N A — COLLECTION PAGE SYSTEM (FINAL)
   Uses tokens from system.css ONLY
   ========================================================= */

/* ---------------------------------------------------------
   1. PAGE SHELL
--------------------------------------------------------- */
.ho-collection-page {
  background: var(--ho-color-calacatta);
  color: var(--ho-color-nero);
  overflow-x: clip;
}

.ho-collection-page .ho-container {
  width: 100%;
  max-width: 86rem;
  margin-inline: auto;
  padding-inline: clamp(1.25rem, 4vw, 4rem);
}

/* ---------------------------------------------------------
   2. HERO
--------------------------------------------------------- */
.ho-collection-hero {
  padding-block: clamp(6rem, 11vw, 10rem) clamp(3rem, 6vw, 5rem);
  text-align: center;
}

.ho-collection-hero__eyebrow {
  font-family: var(--ho-font-body);
  font-size: 0.72rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--ho-color-bronze);
  margin-bottom: var(--ho-space-20);
}

.ho-collection-hero__title {
  font-family: var(--ho-font-display);
  font-weight: 400;
  font-size: clamp(2.75rem, 6vw, 5rem);
  line-height: 1.02;
  letter-spacing: -0.01em;
  max-width: 18ch;
  margin-inline: auto;
}

.ho-collection-hero__intro {
  max-width: 38ch;
  margin: var(--ho-space-24) auto 0;
  line-height: 1.55;
  color: rgba(0, 0, 0, 0.62);
}

/* ---------------------------------------------------------
   3. PRODUCT GRID (NO GRID OVERRIDE)
--------------------------------------------------------- */
.ho-collection-grid {
  padding-block: clamp(3rem, 6vw, 5rem) var(--ho-section-lg);
  margin-top: var(--ho-space-56);
}

/* Only spacing refinement */
.ho-collection-grid .elementor-loop-container {
  row-gap: clamp(4rem, 7vw, 6rem);
}

/* Editorial rhythm */
.ho-collection-grid .product:nth-child(3n+2) {
  transform: translateY(6px);
}

/* ---------------------------------------------------------
   4. PRODUCT CARD (VISUAL ONLY)
--------------------------------------------------------- */
.ho-product-card {
  display: flex;
  flex-direction: column;
  gap: var(--ho-space-16);
}

.ho-product-card__media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 3 / 4;
  background: var(--ho-color-fade);
}

.ho-product-card__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 700ms var(--ho-ease-soft);
}

.ho-product-card:hover img {
  transform: scale(1.015);
}

.ho-product-card__body {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.ho-product-card__title {
  font-family: var(--ho-font-body);
  font-size: 0.75rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.ho-product-card__price {
  font-family: var(--ho-font-body);
  font-size: 0.75rem;
  letter-spacing: 0.14em;
  color: rgba(0, 0, 0, 0.65);
}

/* ---------------------------------------------------------
   5. EDITORIAL STRIP
--------------------------------------------------------- */
.ho-editorial-row {
  display: flex;
  gap: var(--ho-space-40);
  overflow-x: auto;
  padding-bottom: var(--ho-space-16);
}

.ho-editorial-card {
  flex: 0 0 300px;
  display: flex;
  flex-direction: column;
  gap: var(--ho-space-16);
  padding: var(--ho-space-24);
  border: 1px solid rgba(0,0,0,0.08);
}

.ho-editorial-card:hover {
  transform: translateY(-4px);
}

/* ---------------------------------------------------------
   6. SECTION FLOW
--------------------------------------------------------- */
.ho-collection-intro {
  margin-top: calc(var(--ho-space-32) * -0.4);
}

.ho-collection-feature {
  margin-top: var(--ho-space-48);
}

.ho-collection-editorial {
  margin-top: var(--ho-space-56);
}

.ho-collection-pagination {
  margin-top: var(--ho-space-40);
}

/* ---------------------------------------------------------
   7. MOTION
--------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .ho-product-card__media img {
    transition: none;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://my.hosaena.com/wp-content/uploads/2026/03/cormorant-garamond-v21-latin-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://my.hosaena.com/wp-content/uploads/2026/03/cormorant-garamond-v21-latin-500.woff2') format('woff2');
}
@font-face {
	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://my.hosaena.com/wp-content/uploads/2026/03/cormorant-garamond-v21-latin-300.woff2') format('woff2');
}
/* End Custom Fonts CSS */