/* AyarLine Collections page — based on the supplied Desktop and Mobile references. */
.ayar-collections-root,
.ayar-collections-root .collections-desktop-stage,
.ayar-collections-root .collections-mobile-stage{
  background-color:var(--paper,#f7f5f0);
  background-image:none!important;
}
.ayar-collections-root{overflow:hidden}
.ayar-collections-root .collections-hero,
.ayar-collections-root .collection-card-image{display:block;height:auto}
.ayar-collections-root .collection-card{position:relative;z-index:2}
.ayar-collections-root .collection-actions{
  display:flex;
  direction:ltr;
  align-items:center;
  justify-content:space-between;
  color:#111;
}
.ayar-collections-root .collection-share,
.ayar-collections-root .collection-stat{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.ayar-collections-root .collection-share svg,
.ayar-collections-root .collection-stat svg{display:block;fill:currentColor}
.ayar-collections-root .collection-stats{display:flex;align-items:center}
.ayar-collections-root .collection-stat small{display:inline-block;color:#111;font-family:'Yekan Bakh Ayar',Tahoma,Arial,sans-serif!important;font-weight:500;line-height:1}

@media (min-width:768px){
  .ayar-collections-root .collections-desktop-stage{
    position:relative;
    width:min(100vw,1440px);
    height:auto!important;
    aspect-ratio:100 / 160.45;
    margin:0 auto;
    container-type:inline-size;
    overflow:hidden;
  }
  .ayar-collections-root .collections-desktop-title{
    position:absolute;
    top:23.15cqw;
    left:50%;
    transform:translateX(-50%);
    margin:0;
    font-size:4.55cqw;
    line-height:1;
    font-weight:700;
    letter-spacing:-.09cqw;
    text-align:center;
    color:#202020;
    z-index:4;
  }
  .ayar-collections-root .collections-desktop-top-pattern{
    position:absolute;
    top:30.1cqw;
    left:50%;
    transform:translateX(-50%);
    width:27.8cqw;
    height:auto;
    opacity:.50!important;
    z-index:1;
    pointer-events:none;
  }
  .ayar-collections-root .collections-desktop-hero{
    position:absolute;
    top:42.45cqw;
    left:50%;
    transform:translateX(-50%);
    width:63.3cqw;
    z-index:3;
  }
  .ayar-collections-root .collections-desktop-grid{
    position:absolute;
    top:72.6cqw;
    left:18.15cqw;
    width:63.7cqw;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:4.8cqw;
    row-gap:4.05cqw;
    z-index:3;
  }
  .ayar-collections-root .collection-card-image{width:100%}
  .ayar-collections-root .collection-actions{
    width:100%;
    height:3.25cqw;
    padding:.2cqw 1.1cqw 0 1.05cqw;
  }
  .ayar-collections-root .collection-share{width:1.7cqw;height:1.7cqw;transform:translateY(-.08cqw)}
  .ayar-collections-root .collection-share svg{width:100%;height:100%}
  .ayar-collections-root .collection-stats{gap:1.05cqw}
  .ayar-collections-root .collection-stat{gap:.42cqw}
  .ayar-collections-root .collection-stat svg{width:1.38cqw;height:1.38cqw}
  .ayar-collections-root .collection-stat small{font-size:.77cqw}
  .ayar-collections-root .collections-desktop-bottom-pattern{
    position:absolute;
    right:-7.7cqw;
    bottom:-9.8cqw;
    width:36.5cqw;
    height:auto;
    opacity:.50!important;
    z-index:1;
    pointer-events:none;
  }
}

@media (max-width:767px){
  .ayar-collections-root .collections-mobile-stage{
    position:relative;
    width:100vw;
    height:auto!important;
    aspect-ratio:100 / 633.8;
    overflow:hidden;
  }
  .ayar-collections-root .collections-mobile-title{
    position:absolute;
    top:62.3vw;
    left:50%;
    transform:translateX(-50%);
    width:max-content;
    margin:0;
    font-size:8.55vw;
    line-height:1;
    font-weight:700;
    letter-spacing:-.08vw;
    color:#202020;
    text-align:center;
    z-index:4;
  }
  .ayar-collections-root .collections-mobile-top-pattern{
    position:absolute;
    top:76.8vw;
    left:50%;
    transform:translateX(-50%);
    width:97vw;
    height:auto;
    opacity:.50!important;
    z-index:1;
    pointer-events:none;
  }
  .ayar-collections-root .collections-mobile-hero{
    position:absolute;
    top:102.2vw;
    left:11.35vw;
    width:77.3vw;
    z-index:3;
  }
  .ayar-collections-root .collections-mobile-list{
    position:absolute;
    top:142.2vw;
    left:11.55vw;
    width:76.9vw;
    display:flex;
    flex-direction:column;
    gap:9.9vw;
    z-index:3;
  }
  .ayar-collections-root .collections-mobile-list .collection-card-image{width:100%}
  .ayar-collections-root .collection-actions{
    width:100%;
    height:8.7vw;
    padding:.7vw 3.1vw 0 1.6vw;
  }
  .ayar-collections-root .collection-share{width:5.5vw;height:5.5vw}
  .ayar-collections-root .collection-share svg{width:100%;height:100%}
  .ayar-collections-root .collection-stats{gap:2.6vw}
  .ayar-collections-root .collection-stat{gap:1.1vw}
  .ayar-collections-root .collection-stat svg{width:4.25vw;height:4.25vw}
  .ayar-collections-root .collection-stat small{font-size:2.45vw}
  .ayar-collections-root .collections-mobile-bottom-pattern{
    position:absolute;
    left:-7.5vw;
    bottom:-31vw;
    width:115vw;
    height:auto;
    opacity:.50!important;
    z-index:1;
    pointer-events:none;
  }
}

/* v4.9.73 — Collections background + Ayar yellow Pattern lock.
   No paper-pattern.svg is used anywhere on this page. Both yellow Pattern layers
   are measured only from their own stage width, matching the fixed-coordinate
   strategy used on About/Contact so browser zoom does not change their relative
   position to content or Footer. */
.ayar-collections-root,
.ayar-collections-root .collections-desktop-view,
.ayar-collections-root .collections-mobile-view,
.ayar-collections-root .collections-desktop-stage,
.ayar-collections-root .collections-mobile-stage{
  background-color:var(--paper,#f7f5f0)!important;
  background-image:none!important;
  background-repeat:no-repeat!important;
}

@media (min-width:768px){
  .ayar-collections-root .collections-desktop-stage{
    container-type:inline-size!important;
    height:auto!important;
    aspect-ratio:100 / 160.45!important;
  }

  .ayar-collections-root .collections-desktop-top-pattern{
    top:30.1cqw!important;
    left:50%!important;
    width:27.8cqw!important;
    transform:translateX(-50%)!important;
    opacity:.50!important;
  }

  .ayar-collections-root .collections-desktop-bottom-pattern{
    right:-7.7cqw!important;
    bottom:-9.8cqw!important;
    width:36.5cqw!important;
    opacity:.50!important;
  }
}

@media (max-width:767px){
  .ayar-collections-root .collections-mobile-stage{
    container-type:inline-size!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:100 / 633.8!important;
  }

  .ayar-collections-root .collections-mobile-top-pattern{
    top:76.8cqw!important;
    left:50%!important;
    width:97cqw!important;
    transform:translateX(-50%)!important;
    opacity:.50!important;
  }

  .ayar-collections-root .collections-mobile-bottom-pattern{
    left:-7.5cqw!important;
    bottom:-31cqw!important;
    width:115cqw!important;
    opacity:.50!important;
  }
}

/* v4.9.74 — coded Collections interactions + modal.
   The random card and collection tiles are real HTML/CSS controls. The modal
   is shared by Desktop/Mobile and intentionally does not use paper-pattern.svg. */
.ayar-collections-root .collections-random-card,
.ayar-collections-root .collection-card-trigger,
.ayar-collections-root .collection-modal-close,
.ayar-collections-root .collection-modal-cta{
  -webkit-appearance:none;
  appearance:none;
  font:inherit;
}

.ayar-collections-root .collections-random-card{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:2.2%;
  margin:0;
  padding:0;
  border:1.5px solid var(--yellow,#efb21a);
  border-radius:2.25cqw;
  color:#171717;
  background:
    linear-gradient(105deg,rgba(255,255,255,.76) 0 32%,rgba(255,255,255,.96) 54% 100%),
    linear-gradient(135deg,#f1d8d5 0%,#eee4d9 26%,#d6e3dd 54%,#f6eee5 78%,#e2d9ec 100%);
  box-shadow:0 .55cqw 1.4cqw rgba(36,31,23,.055);
  overflow:hidden;
  cursor:pointer;
  isolation:isolate;
  translate:0 0;
  transition:translate .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s ease,border-color .24s ease;
}
.ayar-collections-root .collections-random-card::before,
.ayar-collections-root .collections-random-card::after{
  content:"";
  position:absolute;
  pointer-events:none;
  border-radius:999px;
  filter:blur(1.25cqw);
  opacity:.34;
  z-index:-1;
}
.ayar-collections-root .collections-random-card::before{
  width:42%;
  aspect-ratio:1;
  left:-7%;
  top:-55%;
  background:linear-gradient(135deg,rgba(202,149,170,.95),rgba(247,229,221,.25));
}
.ayar-collections-root .collections-random-card::after{
  width:36%;
  aspect-ratio:1;
  right:7%;
  bottom:-72%;
  background:linear-gradient(135deg,rgba(174,209,198,.85),rgba(239,178,26,.18));
}
.ayar-collections-root .collections-random-glow{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.78) 48%,rgba(255,255,255,.12));
  transform:translateX(-42%);
  transition:transform .7s cubic-bezier(.16,1,.3,1);
  pointer-events:none;
}
.ayar-collections-root .collections-random-label{
  position:relative;
  z-index:2;
  font-weight:700;
  white-space:nowrap;
}
.ayar-collections-root .collections-random-pointer{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.ayar-collections-root .collections-random-pointer svg{
  width:100%;
  height:100%;
  fill:#111;
  stroke:#111;
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.ayar-collections-root .collections-random-card:hover,
.ayar-collections-root .collections-random-card:focus-visible{
  translate:0 -.32cqw;
  box-shadow:0 1cqw 2.4cqw rgba(36,31,23,.10);
  outline:none;
}
.ayar-collections-root .collections-random-card:hover .collections-random-glow,
.ayar-collections-root .collections-random-card:focus-visible .collections-random-glow{
  transform:translateX(38%);
}

.ayar-collections-root .collection-card-trigger{
  display:block;
  width:100%;
  margin:0;
  padding:0;
  border:0;
  border-radius:1.25cqw;
  background:transparent;
  color:inherit;
  text-align:inherit;
  cursor:pointer;
}
.ayar-collections-root .collection-card-media{
  position:relative;
  display:block;
  width:100%;
  overflow:hidden;
  border:1px solid rgba(239,178,26,.92);
  border-radius:1.25cqw;
  background:#f4f1e9;
  box-shadow:0 .45cqw 1.2cqw rgba(36,31,23,.035);
}
.ayar-collections-root .collection-card-image{
  width:100%;
  transition:transform .52s cubic-bezier(.16,1,.3,1),filter .38s ease;
}
.ayar-collections-root .collection-card-hover{
  position:absolute;
  inset:auto 50% 8% auto;
  transform:translate(50%,.65cqw);
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:42%;
  min-height:2.85cqw;
  padding:.35cqw 1.1cqw;
  border:1px solid rgba(255,255,255,.82);
  border-radius:999px;
  background:rgba(25,25,25,.70);
  color:#fff;
  font-size:.82cqw;
  font-weight:650;
  line-height:1.1;
  opacity:0;
  pointer-events:none;
  -webkit-backdrop-filter:blur(7px);
  backdrop-filter:blur(7px);
  transition:opacity .28s ease,transform .38s cubic-bezier(.16,1,.3,1);
}
.ayar-collections-root .collection-card-trigger:hover .collection-card-image,
.ayar-collections-root .collection-card-trigger:focus-visible .collection-card-image{
  transform:scale(1.025);
  filter:saturate(1.035) contrast(1.015);
}
.ayar-collections-root .collection-card-trigger:hover .collection-card-hover,
.ayar-collections-root .collection-card-trigger:focus-visible .collection-card-hover{
  opacity:1;
  transform:translate(50%,0);
}
.ayar-collections-root .collection-card-trigger:focus-visible{
  outline:2px solid var(--yellow,#efb21a);
  outline-offset:.3cqw;
}

/* Shared modal layer */
html.ayar-collection-modal-open,
html.ayar-collection-modal-open body{
  overflow:hidden!important;
}
.ayar-collections-root .collection-modal{
  position:fixed;
  inset:0;
  z-index:10050;
  display:grid;
  place-items:center;
  padding:2.5vh 3vw;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .38s ease,visibility .38s ease;
}
.ayar-collections-root .collection-modal.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.ayar-collections-root .collection-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(247,245,240,.44);
  -webkit-backdrop-filter:blur(13px) saturate(.82);
  backdrop-filter:blur(13px) saturate(.82);
  opacity:0;
  transition:opacity .42s ease;
}
.ayar-collections-root .collection-modal.is-open .collection-modal-backdrop{opacity:1}
.ayar-collections-root .collection-modal-shell{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  width:min(54vw,760px);
  max-height:94vh;
  padding:.9rem .9rem 1.2rem;
  overflow:auto;
  scrollbar-width:none;
  opacity:0;
  transform:translateY(2.2rem) scale(.955);
  transition:opacity .32s ease,transform .54s cubic-bezier(.16,1,.3,1);
}
.ayar-collections-root .collection-modal-shell::-webkit-scrollbar{display:none}
.ayar-collections-root .collection-modal.is-open .collection-modal-shell{
  opacity:1;
  transform:translateY(0) scale(1);
}
.ayar-collections-root .collection-modal-card{
  position:relative;
  width:100%;
  overflow:hidden;
  border:1.5px solid var(--yellow,#efb21a);
  border-radius:2.7rem;
  background:#fff;
  box-shadow:0 2.25rem 6rem rgba(31,27,20,.18);
}
.ayar-collections-root .collection-modal-close{
  position:absolute;
  top:1.55rem;
  right:1.55rem;
  z-index:6;
  display:flex;
  align-items:center;
  justify-content:center;
  width:2.65rem;
  height:2.65rem;
  padding:0;
  border:1px solid rgba(25,25,25,.13);
  border-radius:50%;
  background:rgba(255,255,255,.76);
  color:#161616;
  box-shadow:0 .3rem .9rem rgba(0,0,0,.09);
  cursor:pointer;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  transition:transform .26s ease,background-color .26s ease;
}
.ayar-collections-root .collection-modal-close:hover,
.ayar-collections-root .collection-modal-close:focus-visible{
  transform:rotate(5deg) scale(1.06);
  background:#fff;
  outline:none;
}
.ayar-collections-root .collection-modal-close svg{
  width:1.15rem;
  height:1.15rem;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
}
.ayar-collections-root .collection-modal-image-wrap{
  width:100%;
  aspect-ratio:1.42 / 1;
  overflow:hidden;
  background:#ece9df;
}
.ayar-collections-root .collection-modal-main-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.ayar-collections-root .collection-modal-body{
  position:relative;
  min-height:20.5rem;
  padding:3.1rem 3.2rem 2.55rem;
  background:#fff;
}
.ayar-collections-root .collection-modal-thumbs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.45rem;
}
.ayar-collections-root .collection-modal-thumbs img{
  display:block;
  width:100%;
  aspect-ratio:1.48 / 1;
  object-fit:cover;
  border-radius:.15rem;
  background:#eee;
}
.ayar-collections-root .collection-modal-copy{
  margin-top:2.6rem;
  text-align:right;
}
.ayar-collections-root .collection-modal-copy h2{
  margin:0;
  color:#222;
  font-size:1.8rem;
  font-weight:700;
  line-height:1.35;
}
.ayar-collections-root .collection-modal-subtitle{
  margin:.55rem 0 0;
  color:#4c4c4c;
  font-size:.98rem;
  font-weight:600;
  line-height:1.65;
}
.ayar-collections-root .collection-modal-description{
  display:-webkit-box;
  margin:.55rem 0 0;
  overflow:hidden;
  color:#626262;
  font-size:.9rem;
  font-weight:400;
  line-height:1.85;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  transition:max-height .34s ease;
}
.ayar-collections-root .collection-modal-author{
  margin:.45rem 0 0;
  color:#777;
  font-size:.78rem;
  font-weight:500;
  line-height:1.5;
}
.ayar-collections-root .collection-modal-shell.is-expanded .collection-modal-description{
  display:block;
  overflow:visible;
  -webkit-line-clamp:unset;
}
.ayar-collections-root .collection-modal-actions{
  margin-top:2.1rem;
}
.ayar-collections-root .collection-modal-actions .collection-actions{
  width:100%!important;
  height:auto!important;
  padding:0!important;
  gap:1.4rem;
}
.ayar-collections-root .collection-modal-actions .collection-share{
  width:1.75rem!important;
  height:1.75rem!important;
  margin-right:auto;
}
.ayar-collections-root .collection-modal-actions .collection-stats{
  gap:1.35rem!important;
}
.ayar-collections-root .collection-modal-actions .collection-stat{
  gap:.48rem!important;
}
.ayar-collections-root .collection-modal-actions .collection-stat svg{
  width:1.55rem!important;
  height:1.55rem!important;
}
.ayar-collections-root .collection-modal-actions .collection-stat small{
  font-size:.85rem!important;
}
.ayar-collections-root .collection-modal-cta{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:16rem;
  min-height:3.6rem;
  margin:2.15rem auto 0;
  padding:.55rem 2rem;
  border:0;
  border-radius:.1rem;
  background:var(--yellow,#efb21a);
  color:#202020;
  font-size:1.08rem;
  font-weight:600;
  cursor:pointer;
  box-shadow:0 .8rem 2rem rgba(239,178,26,.16);
  transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease;
}
.ayar-collections-root .collection-modal-cta:hover,
.ayar-collections-root .collection-modal-cta:focus-visible{
  transform:translateY(-.15rem);
  box-shadow:0 1rem 2.4rem rgba(239,178,26,.25);
  outline:none;
}
.ayar-collections-root .collection-modal-cta-open{display:none}
.ayar-collections-root .collection-modal-shell.is-expanded .collection-modal-cta-closed{display:none}
.ayar-collections-root .collection-modal-shell.is-expanded .collection-modal-cta-open{display:inline}

@media (min-width:768px){
  .ayar-collections-root .collections-desktop-hero{
    aspect-ratio:659 / 236;
    height:auto;
  }
  .ayar-collections-root .collections-desktop-hero .collections-random-label{
    font-size:2.25cqw;
    letter-spacing:-.05cqw;
  }
  .ayar-collections-root .collections-desktop-hero .collections-random-pointer{
    width:3.2cqw;
    height:3.2cqw;
  }
  .ayar-collections-root .collections-desktop-grid .collection-card-trigger,
  .ayar-collections-root .collections-desktop-grid .collection-card-media{
    border-radius:1.25cqw;
  }
}

@media (max-width:767px){
  .ayar-collections-root .collections-random-card{
    border-radius:2.6vw;
    box-shadow:0 1.2vw 3.8vw rgba(36,31,23,.06);
  }
  .ayar-collections-root .collections-mobile-hero{
    aspect-ratio:659 / 236;
    height:auto;
  }
  .ayar-collections-root .collections-mobile-hero .collections-random-label{
    font-size:4.55vw;
    letter-spacing:-.07vw;
  }
  .ayar-collections-root .collections-mobile-hero .collections-random-pointer{
    width:6.3vw;
    height:6.3vw;
  }
  .ayar-collections-root .collection-card-trigger,
  .ayar-collections-root .collection-card-media{
    border-radius:2.6vw;
  }
  .ayar-collections-root .collection-card-hover{
    min-width:48%;
    min-height:7vw;
    padding:.8vw 2.8vw;
    border-radius:999px;
    font-size:2.8vw;
    transform:translate(50%,1.8vw);
  }
  .ayar-collections-root .collection-card-trigger:focus-visible{
    outline-offset:.8vw;
  }

  .ayar-collections-root .collection-modal{
    padding:2vh 3.5vw;
  }
  .ayar-collections-root .collection-modal-backdrop{
    background:rgba(247,245,240,.50);
    -webkit-backdrop-filter:blur(10px) saturate(.84);
    backdrop-filter:blur(10px) saturate(.84);
  }
  .ayar-collections-root .collection-modal-shell{
    width:80vw;
    max-height:95vh;
    padding:1.5vw 0 4vw;
    transform:translateY(5.5vw) scale(.955);
  }
  .ayar-collections-root .collection-modal-card{
    border-width:1px;
    border-radius:6.7vw;
    box-shadow:0 6vw 18vw rgba(31,27,20,.17);
  }
  .ayar-collections-root .collection-modal-close{
    top:3.1vw;
    right:3.1vw;
    width:9vw;
    height:9vw;
  }
  .ayar-collections-root .collection-modal-close svg{
    width:4vw;
    height:4vw;
  }
  .ayar-collections-root .collection-modal-body{
    min-height:0;
    padding:7vw 6vw 6.2vw;
  }
  .ayar-collections-root .collection-modal-thumbs{
    gap:3.2vw;
  }
  .ayar-collections-root .collection-modal-copy{
    margin-top:6vw;
  }
  .ayar-collections-root .collection-modal-copy h2{
    font-size:5.5vw;
    line-height:1.35;
  }
  .ayar-collections-root .collection-modal-subtitle{
    margin-top:1.4vw;
    font-size:3.2vw;
    line-height:1.65;
  }
  .ayar-collections-root .collection-modal-description{
    margin-top:1.5vw;
    font-size:2.95vw;
    line-height:1.8;
  }
  .ayar-collections-root .collection-modal-author{
    margin-top:1.15vw;
    font-size:2.55vw;
  }
  .ayar-collections-root .collection-modal-actions{
    margin-top:5vw;
  }
  .ayar-collections-root .collection-modal-actions .collection-actions{
    gap:4vw;
  }
  .ayar-collections-root .collection-modal-actions .collection-share{
    width:5.6vw!important;
    height:5.6vw!important;
  }
  .ayar-collections-root .collection-modal-actions .collection-stats{
    gap:4.2vw!important;
  }
  .ayar-collections-root .collection-modal-actions .collection-stat{
    gap:1.4vw!important;
  }
  .ayar-collections-root .collection-modal-actions .collection-stat svg{
    width:5vw!important;
    height:5vw!important;
  }
  .ayar-collections-root .collection-modal-actions .collection-stat small{
    font-size:2.75vw!important;
  }
  .ayar-collections-root .collection-modal-cta{
    min-width:0;
    min-height:12.5vw;
    margin:6.5vw auto 0;
    padding:1.5vw 8vw;
    font-size:4.4vw;
    box-shadow:0 2.2vw 7vw rgba(239,178,26,.18);
  }
}

@media (prefers-reduced-motion:reduce){
  .ayar-collections-root .collections-random-card,
  .ayar-collections-root .collections-random-glow,
  .ayar-collections-root .collection-card-image,
  .ayar-collections-root .collection-card-hover,
  .ayar-collections-root .collection-modal,
  .ayar-collections-root .collection-modal-backdrop,
  .ayar-collections-root .collection-modal-shell,
  .ayar-collections-root .collection-modal-close,
  .ayar-collections-root .collection-modal-cta{
    transition-duration:.01ms!important;
  }
}


/* v4.9.75 — uniform modal blur layer.
   Blur the page layer itself instead of relying on backdrop-filter over a
   large fixed surface. This prevents GPU tiling seams / vertical shadow bands
   while keeping the modal and its existing open/close animation untouched. */
html.ayar-collection-modal-open .ayar-collections-root > .collections-desktop-view,
html.ayar-collection-modal-open .ayar-collections-root > .collections-mobile-view{
  filter:blur(10px)!important;
  transform:translateZ(0) scale(1.012)!important;
  transform-origin:center center!important;
  transition:filter .42s ease,transform .42s ease!important;
}

.ayar-collections-root .collection-modal-backdrop{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:100vh!important;
  background:rgba(247,245,240,.54)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  isolation:isolate!important;
}

@media (max-width:767px){
  html.ayar-collection-modal-open .ayar-collections-root > .collections-desktop-view,
  html.ayar-collection-modal-open .ayar-collections-root > .collections-mobile-view{
    filter:blur(8px)!important;
    transform:translateZ(0) scale(1.018)!important;
  }
  .ayar-collections-root .collection-modal-backdrop{
    background:rgba(247,245,240,.58)!important;
  }
}

@media (prefers-reduced-motion:reduce){
  html.ayar-collection-modal-open .ayar-collections-root > .collections-desktop-view,
  html.ayar-collection-modal-open .ayar-collections-root > .collections-mobile-view{
    transition-duration:.01ms!important;
  }
}

/* v4.9.76 — Page title treatment shared by Collections and Portfolio. */
.ayar-collections-root .collections-desktop-title,
.ayar-collections-root .collections-mobile-title{
  position:absolute;
  isolation:isolate;
}
.ayar-collections-root .collections-desktop-title{isolation:isolate;}
.ayar-collections-root .collections-desktop-title::after,
.ayar-collections-root .collections-mobile-title::after{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  bottom:-.28em;
  height:.16em;
  border-radius:999px;
  background:#fdbd24;
  z-index:-1;
}


/* v4.9.77 — Collections/Portfolio page titles use the exact About-page yellow highlight model. */
.ayar-collections-root .collections-desktop-title::after,
.ayar-collections-root .collections-mobile-title::after{
  content:none!important;
  display:none!important;
}
.ayar-collections-root .collections-desktop-title span,
.ayar-collections-root .collections-mobile-title span{
  position:relative!important;
  z-index:1!important;
  display:inline-block!important;
}
.ayar-collections-root .collections-desktop-title span::after,
.ayar-collections-root .collections-mobile-title span::after{
  content:""!important;
  position:absolute!important;
  right:0!important;
  left:0!important;
  bottom:.06em!important;
  height:.4em!important;
  background:var(--yellow)!important;
  z-index:-1!important;
}

/* v4.9.78 — Modal shell / uniform blur correction.
   Keep the modal shadow free to render outside the shell so no clipped vertical
   band appears over the uniform blurred page layer. Applies to Collections and
   Portfolio because both pages share .ayar-collections-root. */
.ayar-collections-root .collection-modal-shell{
  overflow:visible!important;
  box-shadow:none!important;
  clip-path:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

/* Keep the blur field visually continuous behind the modal. */
html.ayar-collection-modal-open .ayar-collections-root > .collections-desktop-view,
html.ayar-collection-modal-open .ayar-collections-root > .collections-mobile-view{
  overflow:visible!important;
}

.ayar-collections-root .collection-modal-backdrop{
  box-shadow:none!important;
  border:0!important;
  outline:0!important;
}

/* v4.9.82 — center every Ayar yellow Pattern and make Collections/Portfolio
   modals zoom-safe. The viewport layer owns vertical scrolling; the modal shell
   remains overflow-visible exactly as requested, while the close control stays
   fixed in the top-right corner at every zoom level. */
@media (min-width:768px){
  .ayar-collections-root .collections-desktop-top-pattern,
  .ayar-collections-root .collections-desktop-bottom-pattern{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    opacity:.50!important;
  }
  .ayar-collections-root .collections-desktop-bottom-pattern{
    bottom:-9.5cqw!important;
    width:38cqw!important;
  }
}
@media (max-width:767px){
  .ayar-collections-root .collections-mobile-top-pattern,
  .ayar-collections-root .collections-mobile-bottom-pattern{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    opacity:.50!important;
  }
  .ayar-collections-root .collections-mobile-bottom-pattern{
    bottom:-30cqw!important;
    width:116cqw!important;
  }
}

.ayar-collections-root .collection-modal{
  display:block!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch;
  padding:clamp(20px,3.2vh,42px) clamp(14px,3.2vw,46px)!important;
  scrollbar-gutter:stable;
}
.ayar-collections-root .collection-modal-shell{
  width:min(720px,54vw)!important;
  max-height:none!important;
  min-height:calc(100dvh - clamp(40px,6.4vh,84px))!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:visible!important;
  justify-content:center!important;
}
.ayar-collections-root .collection-modal-card{
  width:100%!important;
  border-radius:clamp(22px,2.4vw,38px)!important;
}
.ayar-collections-root .collection-modal-close{
  position:fixed!important;
  top:max(18px,env(safe-area-inset-top))!important;
  right:max(18px,env(safe-area-inset-right))!important;
  left:auto!important;
  z-index:10090!important;
  width:46px!important;
  height:46px!important;
  margin:0!important;
  border-radius:50%!important;
}
.ayar-collections-root .collection-modal-image-wrap{
  aspect-ratio:1.78 / 1!important;
}
.ayar-collections-root .collection-modal-body{
  min-height:0!important;
  padding:clamp(24px,3.2vw,42px) clamp(24px,3.4vw,46px) clamp(22px,3vw,38px)!important;
}
.ayar-collections-root .collection-modal-thumbs{
  gap:clamp(10px,1.35vw,20px)!important;
}
.ayar-collections-root .collection-modal-copy{
  margin-top:clamp(18px,2vw,28px)!important;
}
.ayar-collections-root .collection-modal-copy h2{
  font-size:clamp(22px,2vw,30px)!important;
}
.ayar-collections-root .collection-modal-subtitle{
  font-size:clamp(12px,1vw,15px)!important;
}
.ayar-collections-root .collection-modal-description{
  font-size:clamp(11px,.9vw,14px)!important;
  line-height:1.8!important;
}
.ayar-collections-root .collection-modal-actions{
  margin-top:clamp(16px,1.8vw,26px)!important;
}
.ayar-collections-root .collection-modal-cta{
  flex:0 0 auto!important;
  min-height:48px!important;
  margin:18px auto 0!important;
  padding:0 26px!important;
  border-radius:12px!important;
  font-size:14px!important;
}

@media (max-width:767px){
  .ayar-collections-root .collection-modal{
    padding:14px 10px 24px!important;
  }
  .ayar-collections-root .collection-modal-shell{
    width:min(90vw,560px)!important;
    min-height:calc(100dvh - 38px)!important;
  }
  .ayar-collections-root .collection-modal-close{
    top:max(12px,env(safe-area-inset-top))!important;
    right:max(12px,env(safe-area-inset-right))!important;
    width:42px!important;
    height:42px!important;
  }
  .ayar-collections-root .collection-modal-image-wrap{
    aspect-ratio:1.58 / 1!important;
  }
  .ayar-collections-root .collection-modal-body{
    padding:5vw 5vw 5.5vw!important;
  }
  .ayar-collections-root .collection-modal-copy{
    margin-top:4.5vw!important;
  }
  .ayar-collections-root .collection-modal-copy h2{
    font-size:5.1vw!important;
  }
  .ayar-collections-root .collection-modal-subtitle{
    font-size:2.9vw!important;
  }
  .ayar-collections-root .collection-modal-description{
    font-size:2.7vw!important;
  }
  .ayar-collections-root .collection-modal-actions{
    margin-top:4vw!important;
  }
  .ayar-collections-root .collection-modal-cta{
    min-height:11vw!important;
    margin-top:4vw!important;
    padding:0 6vw!important;
    font-size:3.5vw!important;
  }
}

/* Strong browser zoom / short viewport: shrink presentation before requiring
   vertical scroll, but never clip the content. */
@media (min-width:768px) and (max-height:780px){
  .ayar-collections-root .collection-modal-shell{width:min(640px,50vw)!important}
  .ayar-collections-root .collection-modal-image-wrap{aspect-ratio:2.05/1!important}
  .ayar-collections-root .collection-modal-body{padding:22px 30px 24px!important}
  .ayar-collections-root .collection-modal-thumbs{gap:10px!important}
  .ayar-collections-root .collection-modal-copy{margin-top:16px!important}
  .ayar-collections-root .collection-modal-actions{margin-top:14px!important}
  .ayar-collections-root .collection-modal-cta{margin-top:12px!important;min-height:44px!important}
}
@media (min-width:768px) and (max-height:620px){
  .ayar-collections-root .collection-modal-shell{width:min(580px,47vw)!important}
  .ayar-collections-root .collection-modal-image-wrap{aspect-ratio:2.35/1!important}
  .ayar-collections-root .collection-modal-thumbs{display:none!important}
  .ayar-collections-root .collection-modal-copy{margin-top:0!important}
  .ayar-collections-root .collection-modal-description{-webkit-line-clamp:1!important}
}