/* Beautyline21 Nail Trends v1.2.0 — editorial luxury, deliberately scoped. */
.bl21nt{--bl21nt-ink:#39272e;--bl21nt-berry:#663244;--bl21nt-ivory:#fbf7f3;--bl21nt-cream:#f3e8e2;--bl21nt-gold:#b58b64;--bl21nt-stroke:#e8d7ce;box-sizing:border-box;width:min(1420px,calc(100% - 36px));margin:clamp(36px,6vw,84px) auto;color:var(--bl21nt-ink);background:linear-gradient(137deg,#fffdfa 0%,#fbf5f0 55%,#f3e8e4 100%);border:1px solid #e8d7ce;border-radius:clamp(17px,2.3vw,32px);padding:clamp(18px,3.5vw,52px);position:relative;overflow:hidden;isolation:isolate;font-family:inherit;font-size:15px;line-height:1.75;box-shadow:0 24px 70px rgba(71,34,43,.075);scroll-margin-top:110px}
.bl21nt,.bl21nt *{box-sizing:border-box}
.bl21nt__inner{position:relative;z-index:1}
.bl21nt__ambient{position:absolute;z-index:0;top:-175px;right:-140px;width:410px;height:410px;border-radius:50%;background:radial-gradient(circle,rgba(207,166,145,.23),transparent 68%);pointer-events:none}
.bl21nt__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:clamp(22px,3.5vw,40px)}
.bl21nt__heading-group{max-width:820px}
.bl21nt__eyebrow{display:flex;align-items:center;gap:9px;color:var(--bl21nt-berry)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.21em;line-height:1.5!important;margin:0 0 15px!important;text-transform:uppercase}
.bl21nt__eyebrow span{font-size:16px;color:var(--bl21nt-gold)}
.bl21nt h2{font-family:Georgia,'Times New Roman',serif!important;color:var(--bl21nt-ink)!important;font-weight:400!important;line-height:1.09!important;font-size:clamp(34px,4.9vw,64px)!important;letter-spacing:-.046em!important;margin:0 0 19px!important}
.bl21nt h2 em{font-style:italic!important;color:var(--bl21nt-berry)!important;font-weight:400!important}
.bl21nt__intro{font-size:clamp(13px,1.15vw,16px)!important;color:#6d5d61!important;max-width:735px;line-height:1.85!important;margin:0!important}
.bl21nt__edition{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:1px;font-size:11px;letter-spacing:.09em;color:#826b70;border-top:1px solid #c1a397;padding-top:15px;min-width:170px}
.bl21nt__edition-label{font-weight:800;letter-spacing:.23em;color:var(--bl21nt-berry)}
.bl21nt__checked{font-size:10px;letter-spacing:0;color:#7e7375}
.bl21nt__grid{display:grid;grid-template-columns:1.16fr 1fr 1fr;gap:clamp(12px,1.5vw,21px);align-items:stretch}
.bl21nt__card{border:1px solid var(--bl21nt-stroke);border-radius:17px;overflow:hidden;background:rgba(255,255,255,.95);box-shadow:0 7px 22px rgba(76,35,42,.045);min-width:0;display:flex;flex-direction:column;scroll-margin-top:110px;transition:box-shadow .24s ease,transform .24s ease}
.bl21nt__card:target{outline:3px solid var(--bl21nt-gold);outline-offset:4px}
.bl21nt__card:hover{box-shadow:0 15px 38px rgba(76,35,42,.13);transform:translateY(-3px)}
.bl21nt--editorial .bl21nt__card:first-child{grid-row:span 2}
.bl21nt__media{position:relative;flex:0 0 auto;min-width:0}
.bl21nt__picture{margin:0!important;position:relative;aspect-ratio:1.38/1;background:radial-gradient(ellipse at 20% 20%,#fffaf7 5%,#f2e6de 95%);display:flex;align-items:center;justify-content:center;overflow:hidden}
.bl21nt--editorial .bl21nt__card:first-child .bl21nt__picture{aspect-ratio:4/5}
.bl21nt__photo{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.bl21nt__card:hover .bl21nt__photo{transform:scale(1.035)}
.bl21nt__drawing svg{display:block;width:100%;height:100%;max-width:380px;filter:drop-shadow(0 12px 18px rgba(59,30,34,.12))}
.bl21nt__credit,.bl21nt__illustration{position:absolute;right:7px;bottom:7px;border-radius:7px;padding:3px 8px;color:#56494c;background:rgba(255,255,255,.89);font-size:10px;line-height:1.4}
.bl21nt__credit a{color:inherit;text-decoration:underline}
.bl21nt__media-index{position:absolute;z-index:1;top:13px;left:13px;padding:3px 12px;border-radius:30px;color:#fff;background:rgba(55,31,40,.73);font-weight:700;font-size:10px;letter-spacing:.11em;backdrop-filter:blur(6px)}
.bl21nt__body{padding:clamp(17px,1.7vw,26px);display:flex;flex:1;flex-direction:column}
.bl21nt__topline{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 7px!important;font-size:10px;letter-spacing:.1em}
.bl21nt__index{font-weight:800;color:var(--bl21nt-gold)}
.bl21nt__flag{letter-spacing:0;border:1px solid #eadbd6;color:#795b65;padding:3px 9px;border-radius:40px;font-size:10px;background:#fbf5f3}
.bl21nt h3{color:var(--bl21nt-ink)!important;font-size:clamp(19px,2vw,26px)!important;font-family:Georgia,'Times New Roman',serif!important;line-height:1.2!important;font-weight:500!important;letter-spacing:-.025em!important;margin:5px 0 12px!important}
.bl21nt__lead{color:#5b5053!important;font-size:13px!important;line-height:1.82!important;margin:0 0 13px!important}
.bl21nt__swatches{display:flex;align-items:center;gap:6px;margin:0 0 16px;font-size:11px;color:#7c6c71}
.bl21nt__swatch{width:16px;height:16px;flex:0 0 16px;border-radius:50%;background:var(--bl21nt-swatch);box-shadow:inset 0 0 0 1px rgba(35,15,23,.12)}
.bl21nt__swatches>span:last-child{margin-left:5px}
.bl21nt__details{margin-top:auto;padding:12px 0;border-top:1px solid #f0e7e4;border-bottom:1px solid #f0e7e4}
.bl21nt__details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--bl21nt-berry)!important;font-size:12px;font-weight:700;min-height:30px}
.bl21nt__details summary::-webkit-details-marker{display:none}
.bl21nt__details summary:focus-visible{outline:2px solid var(--bl21nt-berry);outline-offset:4px}
.bl21nt__details summary span{font-size:20px;font-weight:400;transition:transform .2s ease}
.bl21nt__details[open] summary span{transform:rotate(45deg)}
.bl21nt__details p{font-size:12px!important;color:#5e5357!important;line-height:1.85!important;margin:10px 0 0!important}
.bl21nt__source{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:11px;line-height:1.5;margin-top:13px;color:#8b7c80}
.bl21nt__source a{color:#73455a;text-decoration:underline;text-underline-offset:3px}
.bl21nt__actions{margin-top:14px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.bl21nt__actions button,.bl21nt__actions a{appearance:none;cursor:pointer;border:1px solid #e6d3ce;border-radius:30px;background:#fff7f4;color:#663244!important;text-decoration:none!important;font-family:inherit;font-size:11px!important;font-weight:700!important;line-height:1.3!important;padding:9px 10px!important;min-height:39px;display:inline-flex;justify-content:center;align-items:center;gap:3px;transition:background .15s ease}
.bl21nt__actions .bl21nt__share{background:#663244;color:#fff!important;border-color:#663244}
.bl21nt__actions button:hover,.bl21nt__actions a:hover{background:#e9d8d4;color:#39272e!important}
.bl21nt__actions .bl21nt__share:hover{background:#83475f;color:#fff!important}
.bl21nt__actions button:focus-visible,.bl21nt__actions a:focus-visible,.bl21nt__cta:focus-visible{outline:3px solid #ad7b90;outline-offset:3px}
.bl21nt__footer{margin-top:clamp(23px,3vw,42px);padding:clamp(23px,2.9vw,36px);border:1px solid #dfc6c1;border-radius:18px;background:linear-gradient(110deg,#f6e8e5,#fffaf4);display:flex;align-items:center;justify-content:space-between;gap:24px}
.bl21nt__footer>div{max-width:810px}
.bl21nt__footer-kicker{font-size:10px!important;font-weight:800!important;letter-spacing:.2em;color:#875364!important;margin:0 0 7px!important}
.bl21nt__footer h3{font-size:clamp(24px,2.9vw,37px)!important;margin:0 0 8px!important}
.bl21nt__footer p{font-size:13px!important;color:#65565c!important;line-height:1.8!important;margin:0!important}
.bl21nt__cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;white-space:nowrap;background:#663244!important;color:#fff!important;padding:14px 22px!important;min-height:49px;border-radius:28px;text-decoration:none!important;font-weight:700;font-size:13px;box-shadow:0 6px 18px rgba(102,50,68,.18)}
.bl21nt__cta:hover{background:#834c62!important;color:#fff!important}
.bl21nt__method{font-size:10px!important;color:#8c7f82!important;line-height:1.5!important;margin:14px 0 0!important;text-align:right}
.bl21nt__sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.bl21nt--grid .bl21nt__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.bl21nt--grid .bl21nt__card:first-child{grid-row:auto}
.bl21nt--grid .bl21nt__card:first-child .bl21nt__picture{aspect-ratio:1.38/1}
@media(max-width:1090px){.bl21nt__grid,.bl21nt--grid .bl21nt__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bl21nt--editorial .bl21nt__card:first-child{grid-row:auto;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.bl21nt--editorial .bl21nt__card:first-child .bl21nt__media{height:100%}.bl21nt--editorial .bl21nt__card:first-child .bl21nt__picture{height:100%;aspect-ratio:auto}.bl21nt__edition{min-width:125px}.bl21nt__footer{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.bl21nt{width:calc(100% - 20px);margin:30px auto;padding:18px;border-radius:20px}.bl21nt__head{flex-direction:column;align-items:flex-start;gap:13px}.bl21nt__edition{align-self:stretch;align-items:flex-start;min-width:0;padding-top:10px}.bl21nt h2{font-size:clamp(34px,10vw,45px)!important}.bl21nt__grid,.bl21nt--grid .bl21nt__grid{grid-template-columns:minmax(0,1fr);gap:14px}.bl21nt--editorial .bl21nt__card:first-child{grid-column:auto;display:flex}.bl21nt--editorial .bl21nt__card:first-child .bl21nt__picture{aspect-ratio:4/3}.bl21nt__card{border-radius:15px}.bl21nt__picture{aspect-ratio:5/3}.bl21nt__body{padding:17px}.bl21nt__actions{gap:6px}.bl21nt__actions button,.bl21nt__actions a{min-height:44px}.bl21nt__footer{padding:20px;gap:15px}.bl21nt__cta{width:100%}.bl21nt__method{text-align:left}}
@media(prefers-reduced-motion:reduce){.bl21nt__card,.bl21nt__photo,.bl21nt__details summary span,.bl21nt__actions button,.bl21nt__actions a{transition:none!important}.bl21nt__card:hover{transform:none}.bl21nt__card:hover .bl21nt__photo{transform:none}}

/* v1.2.0: true salon photographs with a calm editorial crop. */
.bl21nt__picture .bl21nt__photo[hidden]{display:none!important}
.bl21nt__image-unavailable:not([hidden]){font-size:13px;color:#6a4a56;padding:20px;text-align:center}
.bl21nt__photo-failed .bl21nt__credit{display:none}
.bl21nt__studio-photo .bl21nt__credit{background:rgba(255,250,248,.93);font-size:10px;max-width:calc(100% - 12px)}

/* v1.3.0: verified locally stored images only, readable per-image source. */
.bl21nt__pending-photo{min-height:230px;border:1px dashed #d9c6c0;background:linear-gradient(140deg,#fff9f6,#f7ede8)}
.bl21nt__photo-pending{max-width:260px;text-align:center;color:#765d63;font-size:13px;line-height:1.8;padding:22px}
.bl21nt__credit{left:8px;right:8px;bottom:8px;max-width:calc(100% - 16px);font-size:10px;line-height:1.45;display:block;text-align:left;word-break:normal}
.bl21nt__credit a{color:#673246!important;text-underline-offset:2px}

/* v1.4.0: source-first photographic cards; no giant failed-image blanks. */
.bl21nt__source-only{aspect-ratio:auto!important;min-height:146px!important;max-height:none!important;padding:22px!important;background:linear-gradient(135deg,#fbf5ef,#f4e6e3)!important}
.bl21nt--editorial .bl21nt__card:first-child .bl21nt__source-only{min-height:205px!important}
.bl21nt__source-tile{width:100%;min-height:120px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;position:relative;z-index:2}
.bl21nt__source-tile-label{font-size:10px;font-weight:800;letter-spacing:.17em;color:#96677b}
.bl21nt__source-tile-title{font-family:Georgia,serif;font-size:clamp(18px,2vw,24px);line-height:1.22;color:#482b37}
.bl21nt__source-tile a,.bl21nt__source-fallback a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border-radius:99px;background:#663244;color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:700}
.bl21nt__source-tile small{font-size:11px;color:#76626a;line-height:1.5}
.bl21nt__source-fallback:not([hidden]){width:100%;display:flex;align-items:center;justify-content:center;padding:10px}
.bl21nt__photo-failed .bl21nt__credit{display:none!important}
.bl21nt__picture img[hidden]{display:none!important}
.bl21nt__remote-photo .bl21nt__credit{background:rgba(255,255,255,.96)}
@media(max-width:680px){.bl21nt--editorial .bl21nt__card:first-child .bl21nt__source-only{min-height:145px!important}.bl21nt__source-tile-title{font-size:19px}}

/* v1.6: Blend into the existing Nails editorial article without expanding page width. */
.bl21-service-article .bl21nt--service{width:100%;max-width:100%;margin:clamp(26px,4vw,46px) auto;box-shadow:0 15px 42px rgba(71,34,43,.06)}
.bl21-service-article .bl21nt--service .bl21nt__grid{min-width:0}
@media(max-width:680px){.bl21-service-article .bl21nt--service{margin:25px auto;padding:17px}}

/* v1.7.1: Mobile photographic art direction + CLS hard lock.
   The previous 1090px breakpoint kept height:100% on the featured image;
   on phones this inherited the (much taller) feature card height. */
@media(max-width:680px){
  .bl21nt{overflow:clip;width:calc(100% - 20px);}
  .bl21nt .bl21nt__card,.bl21nt .bl21nt__media{min-height:0!important;}
  .bl21nt--editorial .bl21nt__card:first-child{display:flex!important;grid-column:auto!important;grid-row:auto!important;grid-template-columns:none!important;}
  .bl21nt--editorial .bl21nt__card:first-child .bl21nt__media,
  .bl21nt .bl21nt__card .bl21nt__media{height:auto!important;min-height:0!important;flex:0 0 auto!important;align-self:auto!important;}
  .bl21nt .bl21nt__card .bl21nt__picture,
  .bl21nt--editorial .bl21nt__card:first-child .bl21nt__picture{
    position:relative!important;display:block!important;width:100%!important;
    aspect-ratio:5 / 4!important;height:auto!important;min-height:0!important;
    max-height:360px!important;overflow:hidden!important;
  }
  .bl21nt .bl21nt__card .bl21nt__picture .bl21nt__photo{
    position:absolute!important;inset:0!important;
    display:block!important;width:100%!important;height:100%!important;
    object-fit:cover!important;object-position:50% 50%;max-width:none!important;
  }
  .bl21nt .bl21nt__card .bl21nt__picture.bl21nt__source-only{
    height:auto!important;min-height:145px!important;aspect-ratio:auto!important;
    display:flex!important;
  }
  .bl21nt .bl21nt__credit{z-index:2;font-size:10px;bottom:7px;}
  .bl21nt .bl21nt__body{min-height:0;}
}
/* Imported images display using native WordPress srcset at pixel-density appropriate sizes. */
.bl21nt .bl21nt__photo{image-rendering:auto;filter:none!important;backface-visibility:hidden;}
@media(hover:none){.bl21nt .bl21nt__card:hover{transform:none!important}.bl21nt .bl21nt__card:hover .bl21nt__photo{transform:none!important}}