.pf-colecao-hero{
    display:flex;
    gap:20px;
    align-items:center;
    margin-bottom:16px
}
.pf-colecao-hero .im-hero-mono{
    width:72px;
    height:72px;
    flex-shrink:0;
    border-radius:22px;
    background:radial-gradient(120% 100% at 30% 0%, #fbf7fc 0%, var(--pf-lavender,#eee4f3) 55%, #c7d2fe 100%);
    color:var(--pf-accent,#764ba2);
    display:inline-flex;
    align-items:center;
    justify-content:center
}
.pf-colecao-hero .im-hero-mono .material-icons{
    font-size:34px
}

.h3-offer-wrap .h3-offer-card{
    height:100%
}

.pf-grid-card,
.h3-offer-wrap,
.pf-highlight-wrap,
.pf-related-wrap{
    position:relative
}

.pf-colecao-btn{
    position:absolute;
    top:18px;
    right:18px;
    z-index:4;
    width:36px;
    height:36px;
    padding:0;
    border:0;
    border-radius:999px;
    background:rgba(255,255,255,.94);
    box-shadow:0 2px 10px rgba(17,24,39,.12);
    color:#9ca3af;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:background-color .2s ease,color .2s ease,transform .18s ease
}
.pf-colecao-btn .material-icons{
    font-size:20px;
    line-height:1
}
.pf-colecao-btn:hover{
    color:var(--pf-accent,#764ba2);
    transform:translateY(-1px)
}
.pf-colecao-btn.is-in{
    color:#fff;
    background:var(--pf-accent,#764ba2)
}
.pf-colecao-btn.is-in:hover{
    color:#fff;
    filter:brightness(1.08)
}

.pf-hero-media .pf-colecao-btn{
    top:12px;
    right:12px;
    z-index:5
}

.h3-offer-wrap .pf-colecao-btn{
    top:20px;
    right:20px
}

.pf-highlight-wrap .pf-colecao-btn,
.pf-related-wrap .pf-colecao-btn{
    top:10px;
    right:10px;
    width:32px;
    height:32px
}
.pf-highlight-wrap .pf-colecao-btn .material-icons,
.pf-related-wrap .pf-colecao-btn .material-icons{
    font-size:18px
}

.pf-colecao-share{
    display:flex;
    flex-direction:column;
    gap:14px;
    margin-bottom:16px
}
.pf-colecao-share-row{
    display:flex;
    gap:10px;
    flex-wrap:wrap
}
.pf-colecao-link{
    flex:1 1 220px;
    min-width:0;
    height:48px;
    border:1px solid var(--pp-line,#d0d0d0);
    border-radius:999px;
    padding:0 18px;
    background:#fff;
    color:var(--pf-ink,#111827);
    font-size:14px
}
.pf-colecao-share .pf-btn{
    flex:0 0 auto;
    margin:0;
    border-radius:999px;
    padding:12px 20px
}

.pf-colecao-empty{
    text-align:center;
    padding:36px 20px
}
.pf-colecao-empty .material-icons{
    font-size:36px;
    color:var(--pf-accent,#764ba2);
    margin-bottom:10px
}
.pf-colecao-empty p{
    margin:0;
    color:var(--pf-muted,#6b7280);
    font-size:14.5px
}

.pf-grid-card .pf-grid-item,
.h3-offer-wrap .h3-offer-card{
    height:100%
}

@media (max-width:575.98px){
    .pf-colecao-btn{
        width:32px;
        height:32px;
        top:12px;
        right:12px
    }
}