/* OBSESSION LUXURY AFFINITY + PERFORMANCE V32.9.1 */

/* Scent Affinity */
body #meta-inspired-by-wrap.obs-affinity-row{
  position:relative !important;
  display:grid !important;
  grid-template-columns:46px minmax(0,1fr) !important;
  grid-template-rows:auto auto auto !important;
  column-gap:16px !important;
  row-gap:3px !important;
  align-items:center !important;
  padding:21px 24px !important;
  margin:18px 0 5px !important;
  border:1px solid rgba(165,127,54,.22) !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 92% 8%,rgba(178,139,62,.09),transparent 27%),
    linear-gradient(135deg,#fff,#faf7ef) !important;
  box-shadow:0 14px 34px rgba(55,43,24,.055) !important;
  overflow:hidden !important;
}
body #meta-inspired-by-wrap.obs-affinity-row::before{
  content:"";
  grid-row:1/4;
  width:42px;height:42px;border-radius:50%;
  border:1px solid rgba(163,124,48,.34);
  background:
    radial-gradient(circle at 50% 50%,rgba(179,139,62,.25) 0 4px,transparent 5px),
    rgba(255,252,245,.95);
  box-shadow:inset 0 0 0 7px rgba(171,132,56,.04);
}
body #meta-inspired-by-wrap.obs-affinity-row::after{
  content:"";
  position:absolute;inset:0 auto 0 0;width:3px;
  background:linear-gradient(to bottom,transparent,#ad8335 22%,#ad8335 78%,transparent);
  opacity:.8;
}
body[dir="rtl"] #meta-inspired-by-wrap.obs-affinity-row::after{left:auto;right:0}
body #meta-inspired-by-wrap.obs-affinity-row > b{
  grid-column:2 !important;grid-row:1 !important;
  min-width:0 !important;margin:0 !important;
  color:#977126 !important;
  font-family:Montserrat,Arial,sans-serif !important;
  font-size:10px !important;font-weight:600 !important;
  letter-spacing:2.35px !important;line-height:1.4 !important;
  text-transform:uppercase !important;
}
body #meta-inspired-by-wrap.obs-affinity-row > .obs-affinity-subtitle-v3291{
  grid-column:2;grid-row:2;display:block;margin:0;
  color:#8b8175;font-family:Montserrat,Arial,sans-serif;
  font-size:12px;line-height:1.45;
}
body #meta-inspired-by-wrap.obs-affinity-row > span{
  grid-column:2 !important;grid-row:3 !important;
  display:block !important;margin:2px 0 0 !important;
  color:#221c16 !important;
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif !important;
  font-size:27px !important;font-weight:600 !important;
  letter-spacing:.12px !important;line-height:1.08 !important;
}

/* Performance */
.obs-performance-v3291{
  position:relative;
  margin:18px 0 6px;padding:24px;
  border:1px solid rgba(165,127,54,.20);
  border-radius:22px;
  background:
    radial-gradient(circle at 10% 0,rgba(178,139,62,.065),transparent 26%),
    #fffdfa;
  box-shadow:0 14px 34px rgba(55,43,24,.05);
  overflow:hidden;
}
.obs-performance-v3291::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(172,132,52,.82),transparent);
}
.obs-performance-head-v3291{
  display:flex;justify-content:space-between;align-items:flex-end;
  gap:18px;padding-bottom:17px;
  border-bottom:1px solid rgba(159,128,70,.14);
}
.obs-performance-kicker-v3291{
  color:#987125;font-family:Montserrat,Arial,sans-serif;
  font-size:10px;font-weight:600;letter-spacing:2.25px;text-transform:uppercase;
}
.obs-performance-title-v3291{
  margin:5px 0 0;color:#241e17;
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  font-size:25px;font-weight:600;line-height:1.05;
}
.obs-performance-source-v3291{
  color:#92877a;font-family:Montserrat,Arial,sans-serif;
  font-size:9px;letter-spacing:.8px;text-transform:uppercase;
  white-space:nowrap;
}
.obs-performance-grid-v3291{
  display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:0;margin-top:18px;
}
.obs-performance-item-v3291{
  min-width:0;padding:2px 20px;border-inline-end:1px solid rgba(159,128,70,.14);
}
.obs-performance-item-v3291:first-child{padding-inline-start:0}
.obs-performance-item-v3291:last-child{padding-inline-end:0;border-inline-end:0}
.obs-performance-label-v3291{
  display:block;color:#756b60;font-family:Montserrat,Arial,sans-serif;
  font-size:10px;font-weight:600;letter-spacing:1.45px;text-transform:uppercase;
}
.obs-performance-scoreline-v3291{
  display:flex;align-items:baseline;gap:7px;margin-top:9px;
}
.obs-performance-score-v3291{
  color:#241e17;font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  font-size:31px;font-weight:600;line-height:1;
}
.obs-performance-outof-v3291{
  color:#a09589;font-family:Montserrat,Arial,sans-serif;font-size:10px;
}
.obs-performance-word-v3291{
  min-height:18px;margin-top:5px;color:#61584f;
  font-family:Montserrat,Arial,sans-serif;font-size:11px;
}
.obs-performance-bar-v3291{
  height:5px;margin-top:13px;border-radius:99px;background:#efe9df;overflow:hidden;
}
.obs-performance-bar-v3291 > i{
  display:block;height:100%;border-radius:inherit;
  background:linear-gradient(90deg,#d8bd7b,#987025);
}
.obs-season-list-v3291{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
.obs-season-chip-v3291{
  display:inline-flex;align-items:center;gap:7px;
  min-height:31px;padding:7px 10px;
  border:1px solid rgba(159,128,70,.18);border-radius:999px;
  background:#fbf7ee;color:#4b433a;
  font-family:Montserrat,Arial,sans-serif;font-size:10px;
}
.obs-season-chip-v3291::before{
  content:"";width:5px;height:5px;border-radius:50%;background:#ac8232;
}
.obs-performance-empty-v3291{
  margin-top:10px;color:#9a9187;font-family:Montserrat,Arial,sans-serif;
  font-size:11px;line-height:1.5;
}
@media(max-width:760px){
  body #meta-inspired-by-wrap.obs-affinity-row{
    grid-template-columns:36px minmax(0,1fr) !important;
    padding:17px 18px !important;column-gap:12px !important;border-radius:18px !important;
  }
  body #meta-inspired-by-wrap.obs-affinity-row::before{width:34px;height:34px}
  body #meta-inspired-by-wrap.obs-affinity-row > span{font-size:23px !important}
  .obs-performance-v3291{padding:20px 18px;border-radius:18px}
  .obs-performance-head-v3291{align-items:flex-start;flex-direction:column;gap:7px}
  .obs-performance-grid-v3291{grid-template-columns:1fr;gap:16px}
  .obs-performance-item-v3291,
  .obs-performance-item-v3291:first-child,
  .obs-performance-item-v3291:last-child{
    padding:0 0 16px;border-inline-end:0;border-bottom:1px solid rgba(159,128,70,.14);
  }
  .obs-performance-item-v3291:last-child{padding-bottom:0;border-bottom:0}
}
