/* 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}
}

/* v5.0.1 — interactive Like / Comment / Share system.
   Keeps the approved card geometry while making every action an independent,
   keyboard-accessible control. */
.ayar-collections-root .collection-card > .collection-actions{
  position:relative;
  z-index:4;
}
.ayar-collections-root .collection-action-button{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.42cqw;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  line-height:1;
  cursor:pointer;
  touch-action:manipulation;
  transition:color .22s ease,transform .24s cubic-bezier(.16,1,.3,1),opacity .22s ease;
}
.ayar-collections-root .collection-action-button:hover,
.ayar-collections-root .collection-action-button:focus-visible{
  color:var(--yellow,#efb21a);
  transform:translateY(-1px);
  outline:none;
}
.ayar-collections-root .collection-action-button:focus-visible{
  filter:drop-shadow(0 0 .28rem rgba(239,178,26,.32));
}
.ayar-collections-root .collection-action-button.is-pending{opacity:.52;pointer-events:none}
.ayar-collections-root .collection-action-icon{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.ayar-collections-root .collection-action-icon .bi{
  display:block;
  line-height:1;
}
.ayar-collections-root .collection-action-button small{
  display:inline-block;
  min-width:.9em;
  color:currentColor!important;
  font-family:'Yekan Bakh Ayar',Tahoma,Arial,sans-serif!important;
  font-weight:600;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.ayar-collections-root .collection-like.is-liked{color:var(--yellow,#efb21a)}
.ayar-collections-root .collection-like-icon::before,
.ayar-collections-root .collection-like-icon::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:.3em;
  height:.3em;
  border-radius:50%;
  pointer-events:none;
  opacity:0;
  transform:translate(-50%,-50%) scale(.15);
}
.ayar-collections-root .collection-like.is-celebrating .collection-like-icon{
  animation:ayar-like-pop .68s cubic-bezier(.16,1,.3,1) both;
}
.ayar-collections-root .collection-like.is-celebrating .collection-like-icon::before{
  border:1px solid var(--yellow,#efb21a);
  background:transparent;
  animation:ayar-like-ring .7s ease-out both;
}
.ayar-collections-root .collection-like.is-celebrating .collection-like-icon::after{
  background:var(--yellow,#efb21a);
  box-shadow:0 -1.25em 0 -.08em var(--yellow,#efb21a),.88em -.88em 0 -.08em var(--yellow,#efb21a),1.25em 0 0 -.08em var(--yellow,#efb21a),.88em .88em 0 -.08em var(--yellow,#efb21a),0 1.25em 0 -.08em var(--yellow,#efb21a),-.88em .88em 0 -.08em var(--yellow,#efb21a),-1.25em 0 0 -.08em var(--yellow,#efb21a),-.88em -.88em 0 -.08em var(--yellow,#efb21a);
  animation:ayar-like-sparks .72s ease-out both;
}
@keyframes ayar-like-pop{
  0%{transform:scale(1)}
  30%{transform:scale(.76) rotate(-7deg)}
  62%{transform:scale(1.34) rotate(5deg)}
  100%{transform:scale(1) rotate(0)}
}
@keyframes ayar-like-ring{
  0%{width:.2em;height:.2em;opacity:.8;transform:translate(-50%,-50%) scale(.2)}
  100%{width:2.55em;height:2.55em;opacity:0;transform:translate(-50%,-50%) scale(1)}
}
@keyframes ayar-like-sparks{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.18) rotate(0)}
  28%{opacity:1}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1.05) rotate(18deg)}
}

@media (min-width:768px){
  .ayar-collections-root .collection-actions{
    padding:.18cqw 1.05cqw 0 1.05cqw!important;
  }
  .ayar-collections-root .collection-action-button{gap:.36cqw}
  .ayar-collections-root .collection-share{
    width:auto!important;
    height:1.65cqw!important;
    transform:none!important;
  }
  .ayar-collections-root .collection-action-icon .bi{font-size:1.16cqw}
  .ayar-collections-root .collection-action-button small{font-size:.82cqw!important}
  .ayar-collections-root .collection-stats{gap:1.12cqw!important}
  .ayar-collections-root .collection-stat{gap:.36cqw!important}
}

@media (max-width:767px){
  .ayar-collections-root .collection-action-button{gap:1.2vw;min-width:7vw;min-height:7vw}
  .ayar-collections-root .collection-share{width:auto!important;height:5.4vw!important}
  .ayar-collections-root .collection-action-icon .bi{font-size:4.45vw}
  .ayar-collections-root .collection-action-button small{font-size:3.15vw!important}
  .ayar-collections-root .collection-stats{gap:4.4vw!important}
  .ayar-collections-root .collection-stat{gap:1.2vw!important}
}

/* Modal action row uses a calmer icon-to-number ratio than the old oversized icons. */
.ayar-collections-root .collection-modal-actions .collection-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:1.4rem!important;
}
.ayar-collections-root .collection-modal-actions .collection-share{
  width:auto!important;
  height:2rem!important;
  margin-right:auto!important;
}
.ayar-collections-root .collection-modal-actions .collection-action-icon .bi{font-size:1.28rem!important}
.ayar-collections-root .collection-modal-actions .collection-action-button small{font-size:.91rem!important}
.ayar-collections-root .collection-modal-actions .collection-stats{gap:1.5rem!important}
.ayar-collections-root .collection-modal-actions .collection-stat{gap:.48rem!important}

/* Engagement dialogs */
html.ayar-engagement-dialog-open,
html.ayar-engagement-dialog-open body{overflow:hidden!important}
.ayar-collections-root .ayar-engagement-dialog{
  position:fixed;
  inset:0;
  z-index:10180;
  display:grid;
  place-items:center;
  padding:24px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .28s ease,visibility .28s ease;
}
.ayar-collections-root .ayar-engagement-dialog.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.ayar-collections-root .ayar-engagement-dialog-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:rgba(21,20,18,.36);
  -webkit-backdrop-filter:blur(16px) saturate(.82);
  backdrop-filter:blur(16px) saturate(.82);
  cursor:default;
}
.ayar-collections-root .ayar-engagement-dialog-card{
  position:relative;
  z-index:2;
  width:min(560px,92vw);
  max-height:min(820px,90vh);
  overflow:auto;
  padding:34px;
  border:1px solid rgba(239,178,26,.76);
  border-radius:28px;
  background:#fbfaf6;
  color:#202020;
  box-shadow:0 34px 90px rgba(23,20,16,.24);
  opacity:0;
  transform:translateY(22px) scale(.965);
  scrollbar-width:none;
  transition:opacity .3s ease,transform .48s cubic-bezier(.16,1,.3,1);
}
.ayar-collections-root .ayar-engagement-dialog-card::-webkit-scrollbar{display:none}
.ayar-collections-root .ayar-engagement-dialog.is-open .ayar-engagement-dialog-card{
  opacity:1;
  transform:translateY(0) scale(1);
}
.ayar-collections-root .ayar-engagement-dialog-close{
  position:absolute;
  top:20px;
  left:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  padding:0;
  border:1px solid rgba(32,32,32,.12);
  border-radius:50%;
  background:rgba(255,255,255,.72);
  color:#202020;
  font-size:18px;
  cursor:pointer;
  transition:transform .25s ease,border-color .25s ease,background-color .25s ease;
}
.ayar-collections-root .ayar-engagement-dialog-close:hover,
.ayar-collections-root .ayar-engagement-dialog-close:focus-visible{
  transform:rotate(5deg) scale(1.06);
  border-color:rgba(239,178,26,.72);
  outline:none;
}
.ayar-collections-root .ayar-engagement-dialog-head{padding-left:50px;text-align:right}
.ayar-collections-root .ayar-engagement-dialog-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:9px;
  color:#9b7618;
  font-size:13px;
  font-weight:700;
}
.ayar-collections-root .ayar-engagement-dialog-kicker .bi{font-size:16px}
.ayar-collections-root .ayar-engagement-dialog-head h2{
  margin:0;
  color:#202020;
  font-size:27px;
  font-weight:750;
  line-height:1.35;
}
.ayar-collections-root .ayar-engagement-dialog-head p{
  margin:8px 0 0;
  color:#6b675f;
  font-size:14px;
  line-height:1.7;
}

/* Comment form and feed */
.ayar-collections-root .ayar-comment-form{
  display:grid;
  gap:14px;
  margin-top:28px;
}
.ayar-collections-root .ayar-comment-form label:not(.ayar-engagement-honeypot){display:grid;gap:7px}
.ayar-collections-root .ayar-comment-form label > span{font-size:13px;font-weight:650;color:#4e4b45}
.ayar-collections-root .ayar-comment-form input,
.ayar-collections-root .ayar-comment-form textarea{
  width:100%;
  margin:0;
  padding:12px 14px;
  border:1px solid rgba(32,32,32,.12);
  border-radius:12px;
  background:#fff;
  color:#202020;
  font-family:'Yekan Bakh Ayar',Tahoma,Arial,sans-serif!important;
  font-size:14px;
  line-height:1.7;
  outline:none;
  resize:vertical;
  transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;
}
.ayar-collections-root .ayar-comment-form textarea{min-height:108px}
.ayar-collections-root .ayar-comment-form input:focus,
.ayar-collections-root .ayar-comment-form textarea:focus{
  border-color:rgba(239,178,26,.9);
  box-shadow:0 0 0 3px rgba(239,178,26,.12);
}
.ayar-collections-root .ayar-comment-form input::placeholder,
.ayar-collections-root .ayar-comment-form textarea::placeholder{color:#a19b90}
.ayar-collections-root .ayar-engagement-honeypot{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
}
.ayar-collections-root .ayar-comment-form-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.ayar-collections-root .ayar-comment-feedback{
  flex:1;
  margin:0;
  color:#6c675d;
  font-size:12px;
  line-height:1.55;
}
.ayar-collections-root .ayar-comment-submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:43px;
  padding:8px 18px;
  border:0;
  border-radius:10px;
  background:var(--yellow,#efb21a);
  color:#202020;
  font-family:'Yekan Bakh Ayar',Tahoma,Arial,sans-serif!important;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 9px 24px rgba(239,178,26,.17);
  transition:transform .22s ease,box-shadow .22s ease,opacity .22s ease;
}
.ayar-collections-root .ayar-comment-submit:hover,
.ayar-collections-root .ayar-comment-submit:focus-visible{transform:translateY(-2px);box-shadow:0 13px 28px rgba(239,178,26,.23);outline:none}
.ayar-collections-root .ayar-comment-submit:disabled{opacity:.55;cursor:wait;transform:none}
.ayar-collections-root .ayar-comment-submit.is-loading .bi{animation:ayar-submit-shift .72s ease-in-out infinite alternate}
@keyframes ayar-submit-shift{to{transform:translateX(-4px)}}
.ayar-collections-root .ayar-comment-list-wrap{
  margin-top:28px;
  padding-top:22px;
  border-top:1px solid rgba(32,32,32,.08);
}
.ayar-collections-root .ayar-comment-list-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:14px;
}
.ayar-collections-root .ayar-comment-list-head strong{font-size:14px;color:#2e2c28}
.ayar-collections-root .ayar-comment-list-head span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:28px;
  height:28px;
  padding:0 8px;
  border-radius:999px;
  background:rgba(239,178,26,.14);
  color:#80600f;
  font-size:12px;
  font-weight:700;
}
.ayar-collections-root .ayar-comment-list{display:grid;gap:10px;max-height:300px;overflow:auto;padding-left:3px}
.ayar-collections-root .ayar-comment-item{
  padding:14px;
  border:1px solid rgba(32,32,32,.075);
  border-radius:14px;
  background:#fff;
}
.ayar-collections-root .ayar-comment-item-head{display:flex;align-items:center;gap:10px}
.ayar-collections-root .ayar-comment-avatar{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:50%;
  background:var(--yellow,#efb21a);
  color:#202020;
  font-size:14px;
  font-weight:800;
}
.ayar-collections-root .ayar-comment-meta{display:grid;gap:1px}
.ayar-collections-root .ayar-comment-meta strong{color:#302e2a;font-size:13px;line-height:1.4}
.ayar-collections-root .ayar-comment-meta small{color:#938d82;font-size:10px;line-height:1.4}
.ayar-collections-root .ayar-comment-item p{margin:10px 0 0;color:#615d55;font-size:13px;line-height:1.8;white-space:pre-wrap}
.ayar-collections-root .ayar-comment-empty{
  padding:24px 14px;
  border:1px dashed rgba(32,32,32,.12);
  border-radius:14px;
  color:#878176;
  text-align:center;
  font-size:13px;
}
.ayar-collections-root .ayar-comment-loading{display:flex;align-items:center;justify-content:center;gap:6px;min-height:70px}
.ayar-collections-root .ayar-comment-loading span{width:7px;height:7px;border-radius:50%;background:var(--yellow,#efb21a);animation:ayar-comment-dot .85s ease-in-out infinite alternate}
.ayar-collections-root .ayar-comment-loading span:nth-child(2){animation-delay:.14s}
.ayar-collections-root .ayar-comment-loading span:nth-child(3){animation-delay:.28s}
@keyframes ayar-comment-dot{to{opacity:.25;transform:translateY(-5px)}}

/* Share popup */
.ayar-collections-root .ayar-share-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:28px;
}
.ayar-collections-root .ayar-share-grid button{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:92px;
  padding:12px 8px;
  border:1px solid rgba(32,32,32,.09);
  border-radius:14px;
  background:#fff;
  color:#302e2a;
  font-family:'Yekan Bakh Ayar',Tahoma,Arial,sans-serif!important;
  font-size:12px;
  font-weight:650;
  cursor:pointer;
  transition:transform .24s cubic-bezier(.16,1,.3,1),border-color .22s ease,background-color .22s ease,box-shadow .22s ease;
}
.ayar-collections-root .ayar-share-grid button .bi{font-size:24px;line-height:1}
.ayar-collections-root .ayar-share-grid button:hover,
.ayar-collections-root .ayar-share-grid button:focus-visible{
  transform:translateY(-3px);
  border-color:rgba(239,178,26,.7);
  background:#fffdf7;
  box-shadow:0 10px 24px rgba(35,30,22,.07);
  outline:none;
}
.ayar-collections-root .ayar-share-grid button.is-copied{border-color:var(--yellow,#efb21a);background:rgba(239,178,26,.13)}
.ayar-collections-root .ayar-share-link-row{
  position:relative;
  display:flex;
  align-items:center;
  margin-top:16px;
}
.ayar-collections-root .ayar-share-link-row input{
  width:100%;
  height:40px;
  padding:0 12px;
  border:1px solid rgba(32,32,32,.08);
  border-radius:10px;
  background:#f2efe7;
  color:#7a7469;
  font:500 11px/1.2 'Yekan Bakh Ayar',Tahoma,Arial,sans-serif!important;
  text-overflow:ellipsis;
  outline:none;
}
.ayar-collections-root .ayar-share-link-row span{
  position:absolute;
  right:10px;
  top:calc(100% + 5px);
  color:#7b5c0d;
  font-size:10px;
  font-weight:650;
}

.ayar-collections-root .ayar-engagement-toast{
  position:fixed;
  left:50%;
  bottom:28px;
  z-index:10240;
  max-width:min(86vw,380px);
  padding:11px 17px;
  border:1px solid rgba(239,178,26,.58);
  border-radius:999px;
  background:rgba(28,26,22,.92);
  color:#fff;
  font:600 12px/1.5 'Yekan Bakh Ayar',Tahoma,Arial,sans-serif!important;
  text-align:center;
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,14px) scale(.96);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  transition:opacity .22s ease,transform .32s cubic-bezier(.16,1,.3,1);
}
.ayar-collections-root .ayar-engagement-toast.is-visible{opacity:1;transform:translate(-50%,0) scale(1)}

@media (max-width:767px){
  .ayar-collections-root .collection-modal-actions .collection-action-icon .bi{font-size:4.5vw!important}
  .ayar-collections-root .collection-modal-actions .collection-action-button small{font-size:3.1vw!important}
  .ayar-collections-root .collection-modal-actions .collection-stats{gap:4.8vw!important}
  .ayar-collections-root .ayar-engagement-dialog{padding:14px}
  .ayar-collections-root .ayar-engagement-dialog-card{width:min(94vw,520px);max-height:88vh;padding:28px 20px 24px;border-radius:22px}
  .ayar-collections-root .ayar-engagement-dialog-close{top:14px;left:14px;width:38px;height:38px;font-size:16px}
  .ayar-collections-root .ayar-engagement-dialog-head{padding-left:46px}
  .ayar-collections-root .ayar-engagement-dialog-head h2{font-size:22px}
  .ayar-collections-root .ayar-engagement-dialog-head p{font-size:12px}
  .ayar-collections-root .ayar-comment-form{margin-top:22px}
  .ayar-collections-root .ayar-comment-form-foot{align-items:flex-start;flex-direction:column}
  .ayar-collections-root .ayar-comment-submit{width:100%}
  .ayar-collections-root .ayar-share-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:22px}
  .ayar-collections-root .ayar-share-grid button{min-height:82px}
  .ayar-collections-root .ayar-comment-list{max-height:250px}
  .ayar-collections-root .ayar-engagement-toast{bottom:20px;font-size:11px}
}

@media (prefers-reduced-motion:reduce){
  .ayar-collections-root .collection-like.is-celebrating .collection-like-icon,
  .ayar-collections-root .collection-like.is-celebrating .collection-like-icon::before,
  .ayar-collections-root .collection-like.is-celebrating .collection-like-icon::after,
  .ayar-collections-root .ayar-comment-loading span,
  .ayar-collections-root .ayar-comment-submit.is-loading .bi{animation:none!important}
  .ayar-collections-root .ayar-engagement-dialog-card,
  .ayar-collections-root .ayar-engagement-toast{transition-duration:.01ms!important}
}

/* v5.0.2 — expanded Share targets. Nine actions stay balanced as a 3×3 grid. */
.ayar-collections-root .ayar-share-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ayar-collections-root .ayar-share-grid button[data-engagement-share-platform="instagram"] .bi,
.ayar-collections-root .ayar-share-grid button[data-engagement-share-platform="bale"] .bi,
.ayar-collections-root .ayar-share-grid button[data-engagement-share-platform="soroush"] .bi{color:inherit}
@media(max-width:767px){
  .ayar-collections-root .ayar-share-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .ayar-collections-root .ayar-share-grid button{min-height:76px;padding:10px 5px;font-size:10.5px}
  .ayar-collections-root .ayar-share-grid button .bi{font-size:21px}
}

/* v5.0.3 — verified Ayar admin replies and yellow brand badge. */
.ayar-collections-root .ayar-comment-replies{display:grid;gap:8px;margin-top:12px;padding:10px 0 0 18px;border-top:1px dashed rgba(32,32,32,.09)}
.ayar-collections-root .ayar-comment-reply{position:relative;padding:11px 12px;border:1px solid rgba(239,178,26,.18);border-radius:13px;background:rgba(239,178,26,.055)}
.ayar-collections-root .ayar-comment-reply:before{content:"";position:absolute;right:-13px;top:15px;width:9px;height:1px;background:rgba(239,178,26,.48)}
.ayar-collections-root .ayar-comment-reply-head{display:flex;align-items:center;gap:9px}.ayar-collections-root .ayar-comment-admin-avatar{overflow:hidden;background:#202020}.ayar-collections-root .ayar-comment-admin-avatar img{width:24px;height:24px;object-fit:contain;display:block}
.ayar-collections-root .ayar-comment-admin-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.ayar-collections-root .ayar-comment-admin-name-row>strong{font-size:12px}.ayar-collections-root .ayar-comment-admin-badge{display:inline-flex;align-items:center;gap:4px;min-height:20px;padding:2px 7px;border-radius:999px;background:#202020;color:#efb21a;font-size:9px;font-weight:800;line-height:1}.ayar-collections-root .ayar-comment-admin-badge img{width:13px;height:13px;object-fit:contain;display:block}.ayar-collections-root .ayar-comment-reply>p{margin:8px 0 0!important;color:#5b564e!important;font-size:12px!important;line-height:1.8!important}
@media(max-width:560px){.ayar-collections-root .ayar-comment-replies{padding-left:0}.ayar-collections-root .ayar-comment-admin-badge span{display:none}.ayar-collections-root .ayar-comment-admin-badge{padding:3px 5px}}