/* Flowers Agadir — surcouche : cadres en arche, bordures dorées, photos.
   À charger APRÈS styles.css */
.frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.4s cubic-bezier(.22,1,.36,1)}
.frame{background:var(--bg-soft)}
/* arche + double filet doré */
.frame--tall,.frame--product{border-radius:999px 999px 6px 6px;border:1px solid rgb(214 177 81 / 55%)}
.frame--tall::after,.frame--product::after{content:"";position:absolute;inset:7px;z-index:2;pointer-events:none;border:1px solid rgb(234 216 164 / 45%);border-radius:999px 999px 3px 3px}
.frame--product::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgb(8 7 13 / 55%),transparent 38%)}
.frame--portrait,.frame--overlap-sm,.frame--overlap-about,.frame--wide{border:1px solid rgb(214 177 81 / 55%);border-radius:4px;outline:1px solid rgb(214 177 81 / 25%);outline-offset:6px}
.frame--overlap-sm,.frame--overlap-about{border-width:3px;border-color:var(--bg)}
.hero__right::before{border-radius:999px 999px 12px 12px;inset:-.8rem}
.hero__card-inner p{font-size:1.2rem}
.hero__title{font-size:clamp(2.4rem,8.5vw,4.2rem)}
/* cartes : liseré or dégradé */
.card{padding:.85rem;border:1px solid transparent;border-radius:10px;
 background:linear-gradient(160deg,#110f1a,#0b0912 60%,#160f1f) padding-box,
 linear-gradient(150deg,rgb(240 226 180 / 75%),rgb(214 177 81 / 12%) 38%,rgb(214 177 81 / 10%) 62%,rgb(240 226 180 / 60%)) border-box}
@media (hover:hover){.card:hover .frame>img{transform:scale(1.06)}.card:hover{border-color:transparent}}
.card__badge{top:auto;bottom:1rem;left:50%;transform:translateX(-50%);z-index:3;background:var(--gradient-gold);color:#08070d;border:0;font-weight:500;padding:.3rem .9rem;box-shadow:0 6px 18px -6px rgb(0 0 0 / 80%)}
.card__body{padding:1.4rem .5rem .3rem}
.card__body h3{font-size:1.2rem}
.price-row{display:flex;align-items:center;gap:1rem;margin-top:1.1rem}
.price-row .hairline{flex:1;width:auto;background:linear-gradient(to right,rgb(214 177 81 / 50%),transparent)}
.price-row .price{margin:0;font-size:1.9rem;white-space:nowrap}
.price small{margin-left:.35rem;font-family:var(--font-sans);font-size:.6rem;letter-spacing:.24em;color:rgb(214 177 81 / 80%)}
.card .btn--block{margin-top:1.25rem}
/* bandeau « sur mesure » */
.custom-cta{display:flex;flex-direction:column;gap:1.5rem;align-items:flex-start;margin-top:2.5rem;padding:2rem 1.75rem;border:1px solid transparent;border-radius:10px;
 background:linear-gradient(120deg,rgb(79 44 109 / 45%),#0b0912 70%) padding-box,linear-gradient(120deg,rgb(240 226 180 / 70%),rgb(214 177 81 / 15%),rgb(240 226 180 / 55%)) border-box}
.custom-cta h3{font-family:var(--font-display);font-weight:400;font-size:1.4rem}
.custom-cta p{margin-top:.5rem;max-width:34rem;color:var(--muted);font-size:.95rem}
@media (min-width:768px){.custom-cta{flex-direction:row;align-items:center;justify-content:space-between;padding:2.25rem 2.5rem}}
.panel{border-color:rgb(214 177 81 / 28%);border-radius:10px}
.occasion{border-radius:999px 12px 12px 999px;padding-left:1rem}
.about__quote{border-radius:10px}

.card__ref{display:block;margin-bottom:.45rem;font-size:.58rem;letter-spacing:.3em;text-transform:uppercase;color:rgb(214 177 81 / 70%)}
.price-row{min-height:1.9rem}