/* 2.86 — three-column feed; no changes to existing permission controls. */
@media (min-width: 1280px) {
  body.glamour281 .wrap:has(.feedgrid.gl-three-column-feed){width:min(98%,1640px)!important;max-width:1640px!important;}
  body.glamour281 .feedgrid.gl-three-column-feed,
  body.glamour281 .feedgrid.gl-three-column-feed.olp-on{
    display:grid!important;
    grid-template-columns:minmax(186px,230px) minmax(0,1fr) minmax(260px,315px)!important;
    grid-template-areas:"left center right";
    align-items:start!important;
    gap:15px!important;
    width:calc(100% - 16px)!important;
    max-width:1570px!important;
    margin:0 auto 28px!important;
  }
  body.glamour281 .feedgrid.gl-three-column-feed .gl-feed-left{grid-area:left;}
  body.glamour281 .feedgrid.gl-three-column-feed .feedcol{grid-area:center;min-width:0!important;}
  body.glamour281 .feedgrid.gl-three-column-feed .gl-feed-extras{grid-area:right;min-width:0!important;}
}
body.glamour281 .gl-feed-left{display:grid;align-content:start;gap:14px;min-width:0;}
body.glamour281 .gl-mini-panel{padding:13px;border:1px solid #723853;border-radius:16px;background:linear-gradient(145deg,#1e1120,#100b16);box-shadow:0 12px 28px #0004;min-width:0;}
body.glamour281 .gl-mini-header{margin-bottom:11px;padding-bottom:8px;border-bottom:1px solid #5b2b45;}
body.glamour281 .gl-mini-header h2{display:flex;align-items:center;gap:6px;margin:0;font-size:14px;line-height:1.3;color:#fff;}
body.glamour281 .gl-mini-header svg{width:16px;height:16px;color:#ff2e9a;flex-shrink:0;}
body.glamour281 .gl-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
body.glamour281 .gl-mini-grid>a{display:block;min-width:0;color:#ffd5e9;text-align:center;text-decoration:none;}
body.glamour281 .gl-mini-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border:1px solid #7d425a;border-radius:9px;background:#120c17;}
body.glamour281 .gl-mini-member span{display:block;margin-top:5px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.glamour281 .gl-mini-grid a:focus-visible{outline:3px solid #ffdf96;outline-offset:2px;border-radius:9px;}
body.glamour281 .gl-mini-more{display:block;margin-top:12px;padding-top:9px;border-top:1px solid #5b2b45;text-align:center;color:#ff7fb8;font-size:11px;text-decoration:none;}
body.glamour281 .gl-mini-empty{font-size:12px;color:#cfbac9;line-height:1.5;margin:8px 0 2px;}
body.glamour281 .gl-mini-photos img{transition:transform .2s ease,border-color .2s ease;}
body.glamour281 .gl-mini-photos a:hover img{transform:scale(1.035);border-color:#ff54a7;}
/* Maintain all profile actions and prevent the private message button overflowing. */
body.glamour281 .gl-membercard .gl-member-actions{display:grid!important;grid-template-columns:minmax(0,1fr) 35px!important;gap:5px!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;}
body.glamour281 .gl-membercard .gl-member-actions form{min-width:0;max-width:100%;overflow:hidden;}
body.glamour281 .gl-membercard .gl-member-actions .gl-member-message{width:100%!important;min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;white-space:normal!important;box-sizing:border-box!important;}
body.glamour281 .gl-membercard .gl-member-actions .gl-member-open{width:35px!important;min-width:35px!important;max-width:35px!important;box-sizing:border-box!important;}
@media (max-width: 1279px){
 body.glamour281 .feedgrid.gl-three-column-feed,
 body.glamour281 .feedgrid.gl-three-column-feed.olp-on{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"center" "right" "left";gap:14px!important;max-width:760px!important;}
 body.glamour281 .feedgrid.gl-three-column-feed .gl-feed-left{grid-area:left;}
 body.glamour281 .feedgrid.gl-three-column-feed .feedcol{grid-area:center;min-width:0;}
 body.glamour281 .feedgrid.gl-three-column-feed .gl-feed-extras{grid-area:right;min-width:0;}
 body.glamour281 .gl-feed-left{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (min-width:1100px) and (max-width:1279px) {
  body.glamour281 .feedgrid.gl-three-column-feed,
  body.glamour281 .feedgrid.gl-three-column-feed.olp-on {
    grid-template-columns:minmax(0,1fr) minmax(255px,310px)!important;
    grid-template-areas:"center right" "left left";
    max-width:1160px!important;
  }
  body.glamour281 .gl-feed-left{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:590px){body.glamour281 .gl-feed-left{grid-template-columns:1fr;}body.glamour281 .gl-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (prefers-reduced-motion: reduce){body.glamour281 .gl-mini-photos img{transition:none;}}
/* Older mobile feed rules center content in a 42rem column; use the full
   available track in the new responsive grid without altering page content. */
body.glamour281 .feedgrid.gl-three-column-feed .feedcol{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  justify-self:stretch!important;
}
/* The existing newcomer restrictions also apply to the new photo sidebar. */
body.glamour281.nm-blur .gl-mini-photos img{filter:blur(var(--dblur,18px));}

/* Final responsive guardrails: avoid horizontal card overflow at narrow widths. */
body.glamour281 .gl-membercard .gl-member-actions{overflow:hidden;}
body.glamour281 .gl-membercard .gl-member-actions form>button{white-space:normal;word-break:normal;}
body.glamour281 .gl-mini-panel img{max-width:100%;} 
@media (max-width:1099px){body.glamour281 .feedgrid.gl-three-column-feed{width:min(100%,760px)!important;box-sizing:border-box!important;margin-inline:auto!important;}}

/* Screenreader safe no-content placeholders and touch-friendly interactions. */
body.glamour281 .gl-mini-panel .gl-mini-grid a:hover img{border-color:#fd539e;}
body.glamour281 .gl-mini-more:focus-visible{outline:2px solid #f2c979;outline-offset:3px;}
body.glamour281 .gl-mini-member img{background:linear-gradient(145deg,#402338,#15101d);}
@media (max-width:1279px){body.glamour281 .feedgrid.gl-three-column-feed{max-width:1170px!important;}}
@media (max-width:1099px){body.glamour281 .feedgrid.gl-three-column-feed{max-width:760px!important;}}
@media (max-width:590px){body.glamour281 .gl-mini-panel{padding:14px!important;}}


/* 2.86.1 — Stories: mêmes limites horizontales que la barre du fil.
   Cible limitée à la page du fil pour conserver les styles des autres écrans. */
body.glamour281 .feedgrid.gl-three-column-feed .feedcol > .feedhead,
body.glamour281 .feedgrid.gl-three-column-feed .feedcol > .gl-stories-premium {
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
  justify-self:stretch!important;
}
/* Cadre premium, sans changer la hauteur des stories ni leurs contrôles. */
body.glamour281 .feedgrid.gl-three-column-feed .feedcol > .gl-stories-premium {
  overflow:hidden;
  border-radius:18px!important;
  border:1px solid rgba(224,87,148,.44)!important;
  background:linear-gradient(125deg,rgba(32,16,31,.97),rgba(15,10,21,.97))!important;
  box-shadow:0 14px 35px rgba(0,0,0,.26),inset 0 1px rgba(255,226,238,.04)!important;
}
body.glamour281 .feedgrid.gl-three-column-feed .gl-stories-premium .storybar {
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overscroll-behavior-x:contain;
}
body.glamour281 .feedgrid.gl-three-column-feed .gl-stories-premium .gl-section-head {
  width:100%;
  min-width:0;
  box-sizing:border-box;
}
@media(max-width:700px){
  body.glamour281 .feedgrid.gl-three-column-feed .feedcol > .gl-stories-premium {
    border-radius:15px!important;
  }
}

/* 2.86.2 — le vrai défaut visuel : la barre du haut n'avait aucune bordure
   visible, tandis que Stories était un cadre. Les deux partagent désormais le
   même contour, exactement sur les mêmes lignes horizontales. */
body.glamour281 .feedgrid.gl-three-column-feed .feedcol > .feedhead,
body.glamour281 .feedgrid.gl-three-column-feed .feedcol > .gl-stories-premium {
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin-inline:0!important;
  box-sizing:border-box!important;
  border:1px solid rgba(224,87,148,.44)!important;
  border-radius:18px!important;
  background:linear-gradient(125deg,rgba(32,16,31,.97),rgba(15,10,21,.97))!important;
  box-shadow:0 14px 35px rgba(0,0,0,.22),inset 0 1px rgba(255,226,238,.04)!important;
}
/* Barre supérieure Reels / pays / ajouter : même retrait interne que Stories. */
body.glamour281 .feedgrid.gl-three-column-feed .feedcol > .feedhead {
  min-height:66px!important;
  padding:12px 18px!important;
  margin-bottom:12px!important;
  align-items:center!important;
  justify-content:space-between!important;
  overflow:visible;
}
/* Le cadre Stories reste une colonne (ne pas étirer les cartes). */
body.glamour281 .feedgrid.gl-three-column-feed .feedcol > .gl-stories-premium {
  display:block!important;
  padding:18px 18px 12px!important;
  margin-top:0!important;
  margin-bottom:12px!important;
  align-self:stretch!important;
}
body.glamour281 .feedgrid.gl-three-column-feed .feedcol > .feedhead .feedtools {
  min-width:0;
  max-width:100%;
  justify-content:flex-end;
}
@media(max-width:700px) {
  body.glamour281 .feedgrid.gl-three-column-feed .feedcol > .feedhead,
  body.glamour281 .feedgrid.gl-three-column-feed .feedcol > .gl-stories-premium {
    border-radius:15px!important;
  }
  body.glamour281 .feedgrid.gl-three-column-feed .feedcol > .feedhead {padding:10px 12px!important;min-height:56px!important;}
  body.glamour281 .feedgrid.gl-three-column-feed .feedcol > .gl-stories-premium {padding:15px 12px 12px!important;}
}