/* Botanical Dreams Collection - botanical-collection.css v0.2 */

*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;min-height:100%;scroll-behavior:smooth}
body{background:#060704;color:#fff;font-family:"Inter",sans-serif;overflow-x:hidden}

.collection-page{position:relative;min-height:100vh;overflow-x:hidden;padding-bottom:80px}
.collection-bg{position:fixed;inset:0;background:url("botanical-bg.webp") center center/cover no-repeat;transform:scale(1.03);z-index:0;filter:blur(1px) saturate(.9)}
.collection-overlay{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 26%,rgba(255,235,165,.10),rgba(40,58,25,.18) 34%,rgba(0,0,0,.52) 76%,rgba(0,0,0,.76) 100%),linear-gradient(to bottom,rgba(0,0,0,.34),rgba(0,0,0,.16) 38%,rgba(0,0,0,.76) 100%)}
.gold-frame{position:fixed;inset:22px;border:1px solid rgba(203,164,91,.58);z-index:5;pointer-events:none}
#particles{position:fixed;inset:0;z-index:3;pointer-events:none;overflow:hidden}

.collection-header{position:relative;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:34px 56px 0}
.back-link,.shop-link{color:rgba(255,245,220,.92);text-decoration:none;font-family:"Cinzel",serif;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.75);transition:.3s ease}
.back-link:hover,.shop-link:hover{color:#e2bf72;text-shadow:0 0 14px rgba(226,191,114,.5)}
.shop-link{justify-self:end}
.collection-logo{width:66px;height:66px;display:grid;place-items:center;border:1px solid rgba(215,174,92,.88);border-radius:50%;background:rgba(10,14,8,.52);color:#f5d48a;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:1.85rem;box-shadow:0 0 20px rgba(203,164,91,.28)}

.collection-hero{position:relative;z-index:8;max-width:1100px;margin:64px auto 0;padding:0 24px;text-align:center}
.eyebrow{margin-bottom:12px;color:rgba(245,212,138,.95);font-family:"Cinzel",serif;font-size:.8rem;letter-spacing:.48em;text-transform:uppercase;text-shadow:0 2px 14px rgba(0,0,0,.72)}
.collection-hero h1{color:#fff7e8;font-family:"Cinzel",serif;text-shadow:0 4px 28px rgba(0,0,0,.75)}
.collection-hero h1 span{display:block;font-size:clamp(2.8rem,5.3vw,5.8rem);font-weight:400;letter-spacing:.1em;line-height:.92}
.collection-hero h1 em{display:block;margin-top:8px;color:#fff2d0;font-family:"Cormorant Garamond",serif;font-size:clamp(2.15rem,3.7vw,4.2rem);font-style:italic;font-weight:400;line-height:.9}
.hero-subtitle{max-width:820px;margin:24px auto 0;color:rgba(255,245,220,.94);font-family:"Cormorant Garamond",serif;font-size:clamp(1.22rem,1.58vw,1.75rem);font-style:italic;line-height:1.35;text-shadow:0 2px 14px rgba(0,0,0,.85)}

.collection-intro{position:relative;z-index:8;width:min(900px,88vw);margin:46px auto 44px;padding:30px 38px;border:1px solid rgba(203,164,91,.42);background:rgba(10,15,8,.62);backdrop-filter:blur(5px);text-align:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.045),0 18px 45px rgba(0,0,0,.34)}
.collection-intro p{color:rgba(255,245,220,.9);font-family:"Cormorant Garamond",serif;font-size:1.26rem;font-style:italic;line-height:1.45}

.product-grid{position:relative;z-index:8;width:min(1280px,92vw);margin:0 auto 84px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.product-card{min-height:100%;border:1px solid rgba(203,164,91,.48);background:rgba(10,15,8,.68);backdrop-filter:blur(5px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.045),0 20px 48px rgba(0,0,0,.42);overflow:hidden;transition:.32s ease}
.product-card:hover{transform:translateY(-7px);border-color:rgba(224,180,89,.82);background:rgba(18,31,14,.74);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 0 26px rgba(224,180,89,.16),0 26px 58px rgba(0,0,0,.52)}

.product-media{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:radial-gradient(circle at center,rgba(224,180,89,.14),transparent 58%),linear-gradient(135deg,rgba(239,225,186,.12),rgba(12,21,11,.7));border-bottom:1px solid rgba(203,164,91,.32)}
.product-media img{display:block;width:100%;height:100%;object-fit:cover;background:#f7f4eb}
.product-media.missing-image::before{content:attr(data-placeholder);position:absolute;inset:0;display:grid;place-items:center;color:rgba(245,212,138,.72);font-family:"Cinzel",serif;font-size:1.05rem;letter-spacing:.18em;text-transform:uppercase}
.product-media.missing-image::after{content:"";position:absolute;inset:18px;border:1px solid rgba(224,180,89,.35)}

.product-content{padding:18px 22px 28px;text-align:center}
.product-number{color:#d7ae5c;font-family:"Cinzel",serif;font-size:1.06rem;letter-spacing:.22em;margin-bottom:6px}
.product-content h2{margin:0 0 10px;color:#fff4d6;font-family:"Cinzel",serif;font-size:1.04rem;font-weight:400;letter-spacing:.07em;line-height:1.28}
.product-price{min-height:auto!important;margin:0 0 14px!important;color:#d7ae5c!important;font-family:"Cinzel",serif!important;font-size:.82rem!important;font-style:normal!important;letter-spacing:.14em;text-transform:uppercase}
.product-description{min-height:88px;color:rgba(255,245,220,.84);font-family:"Cormorant Garamond",serif;font-size:1.05rem;font-style:italic;line-height:1.36}

.product-button,.return-button{position:relative;display:inline-block;margin-top:22px;padding:13px 26px;border:1px solid rgba(224,180,89,.82);background:rgba(14,30,14,.78);color:#f6d99a;text-decoration:none;font-family:"Cinzel",serif;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;transition:.3s ease}
.product-button::before,.return-button::before{content:"";position:absolute;inset:5px;border:1px solid rgba(224,180,89,.22);pointer-events:none}
.product-button:hover,.return-button:hover{background:rgba(12,25,12,.92);color:#ffe2a3;border-color:rgba(245,203,112,.95);box-shadow:0 0 20px rgba(224,180,89,.34),0 16px 36px rgba(0,0,0,.34);transform:translateY(-3px)}
.product-button.disabled{opacity:.6;pointer-events:none}

.collection-note{position:relative;z-index:8;width:min(840px,88vw);margin:0 auto;padding:42px 46px;border:1px solid rgba(203,164,91,.42);background:rgba(10,15,8,.62);backdrop-filter:blur(5px);text-align:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.045),0 18px 45px rgba(0,0,0,.34)}
.collection-note h2{color:#fff7e8;font-family:"Cinzel",serif;font-size:clamp(1.55rem,2.4vw,2.6rem);font-weight:400;letter-spacing:.08em}
.collection-note p{margin-top:14px;color:rgba(255,245,220,.88);font-family:"Cormorant Garamond",serif;font-size:1.22rem;font-style:italic}

@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
.collection-header,.collection-hero,.collection-intro,.product-card,.collection-note{animation:fadeUp 1.2s ease both}
.collection-hero{animation-delay:.12s}.collection-intro{animation-delay:.2s}.product-card:nth-child(1){animation-delay:.26s}.product-card:nth-child(2){animation-delay:.34s}.product-card:nth-child(3){animation-delay:.42s}.product-card:nth-child(4){animation-delay:.5s}.collection-note{animation-delay:.58s}

@media(max-width:1100px){.product-grid{grid-template-columns:repeat(2,1fr);width:min(820px,92vw)}}
@media(max-width:760px){
.gold-frame{inset:12px}
.collection-header{grid-template-columns:1fr;gap:14px;justify-items:center;padding:24px 20px 0}
.back-link,.shop-link{justify-self:center}
.collection-hero{margin-top:42px}
.collection-intro{padding:28px 24px}
.product-grid{grid-template-columns:1fr;width:min(420px,92vw)}
.product-description{min-height:auto}
.collection-note{padding:34px 24px}
}