/* Velvet v0.7.5 — v0.7.4 approved baseline plus THREE mobile-only refinements.
   This file intentionally loads after all v0.7.3 stylesheet baselines.
   Do not change upper footer, catalog cards, desktop merchandising, or mobile branding. */

/* Desktop only: use a true lips illustration rather than the platform emoji.
   The original emoji remains exactly as before for tablet/phone. */
.brand__lips-desktop { display:none; width:70px; height:48px; object-fit:contain; flex:none; }
@media (min-width:1081px) {
  .brand__lips-desktop { display:block; align-self:center; transform:rotate(-7deg); filter:drop-shadow(0 0 7px #ff008e9c); }
  .brand__lips-mobile { display:none; }
}
/* Center the full desktop wordmark+lips+tagline against the whole masthead,
   independent of the right search column's width. Search is unchanged. */
@media (min-width:1240px) {
  .masthead > .brand { grid-column:1 / -1; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1; }
}

/* The VERY BOTTOM strip alone is centered; upper footer columns are untouched. */
.site-footer--couture .footer-bottom {
  justify-content:center; flex-wrap:wrap; align-items:center;
  gap:8px clamp(16px,2.25vw,34px); text-align:center;
}
.site-footer--couture .footer-bottom > span { flex:0 1 auto; }
.footer-compliance { display:inline-flex; align-items:center; justify-content:center; flex-wrap:wrap; column-gap:6px; row-gap:2px; }
.footer-compliance__anchor { position:relative; display:inline-flex; align-items:center; }
.footer-compliance__trigger { appearance:none; border:0; padding:3px 0; margin:0; background:transparent; color:#ffe2ef; font:inherit; font-weight:900; letter-spacing:inherit; border-bottom:1px dotted #f8a5c7; line-height:1.45; }
.footer-compliance__trigger:hover,.footer-compliance__trigger[aria-expanded="true"] { color:#fff; border-bottom-color:#fff; }
.footer-compliance__trigger:focus-visible { outline:2px solid #ffc4df; outline-offset:4px; border-radius:2px; }
.footer-compliance__popover {
  position:absolute; z-index:200; left:50%; bottom:calc(100% + 12px);
  transform:translateX(-50%); width:min(390px,calc(100vw - 32px));
  padding:17px 19px; border:1px solid #ea83b8; border-radius:13px;
  background:linear-gradient(145deg,#331027f7,#150b19f9);
  box-shadow:0 20px 48px #12000bd9,0 0 0 1px #fff2 inset;
  color:#fff2f7; font-size:12px; font-weight:500; line-height:1.65;
  letter-spacing:normal; text-align:left; white-space:normal;
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
}
.footer-compliance__popover[hidden] { display:none!important; }
@media (max-width:770px) {
  .site-footer--couture .footer-bottom { flex-direction:row; justify-content:center; align-items:center; gap:9px 18px; padding-block:17px; }
  .footer-compliance__anchor { position:static; }
  .footer-compliance__popover { bottom:calc(100% + 10px); left:50%; }
}

/* Phone only. New standalone centered couple photograph replacing v0.7.4 crop. */
@media (max-width:540px) {
  .hero__background { background-image:url('img/hero-couple-phone-v075.webp'); background-position:center 28%; }
  /* Keep the white caption, give it a tiny smoked-glass backing for contrast. */
  .hero__kicker {
    display:inline-block; width:auto; max-width:100%; padding:9px 13px;
    margin-bottom:12px; border:1px solid #ffffff52; border-radius:8px;
    background:linear-gradient(115deg,#140912d6,#290b20bc);
    box-shadow:0 6px 17px #0b030b80,inset 0 1px #ffffff24;
    color:#fff; text-shadow:0 1px 3px #000;
    backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  }
  /* Only the two-wide Popular Couples' Favorites tiles. Other carousels and
     the catalog retain the original side-by-side price/button arrangement. */
  .favorites-zone .product-card__bottom { flex-direction:column; align-items:stretch; gap:10px; padding-top:11px; }
  .favorites-zone .product-card__prices { width:100%; min-width:0; align-items:flex-start; }
  .favorites-zone .product-card__prices strong { font-size:17px; line-height:1.2; font-variant-numeric:tabular-nums; }
  .favorites-zone .quick-add { display:block; flex:0 0 auto; width:100%; }
  .favorites-zone .quick-add button { display:inline-flex; width:100%; min-width:0; height:44px; padding-inline:6px; justify-content:center; gap:7px; border-radius:6px 13px 6px 13px; }
  .favorites-zone .product-card__details { min-height:194px; gap:7px; }
  /* The photo remains a valid collection link, but no redundant button sits
     on top of it. The lower white editorial CTA is unchanged. */
  .editorial-strip__photo-label { display:none!important; }
  .editorial-strip__photo { min-height:238px; }
}

/* v0.7.5: narrow-phone footer-only polish. Do not change upper footer columns. */
@media (max-width:540px) {
  /* Three centered bottom-strip statements with a closer, intentional rhythm. */
  .site-footer--couture .footer-bottom {
    flex-direction:column;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:center;
    gap:4px;
    line-height:1.25;
    padding-block:12px;
  }
  .site-footer--couture .footer-bottom > span { line-height:1.25; }
  .site-footer--couture .footer-compliance { line-height:1.25; row-gap:0; }
  .site-footer--couture .footer-compliance__trigger { line-height:1.25; padding-block:1px; }

}

/* v0.8.18: desktop/tablet contact CTA matches the approved phone treatment. */
 .site-footer--couture .footer-brand .footer-care-cta {
    background:linear-gradient(105deg,#fff0f7 0%,#f7d4e5 55%,#f3bad7 100%);
    border:1px solid #fff3f8;
    color:#551132;
    box-shadow:0 5px 18px #12031263,inset 0 1px #ffffffd0;
  }
 .site-footer--couture .footer-brand .footer-care-cta strong { color:#66103c; }
 .site-footer--couture .footer-brand .footer-care-cta .icon { color:#a51a65; }
 .site-footer--couture .footer-brand .footer-care-cta:hover,
 .site-footer--couture .footer-brand .footer-care-cta:focus-visible {
    background:linear-gradient(105deg,#fff9fc 0%,#fbe0ec 100%);
    color:#4b092e;
  }
