/* ========================================== WISH COINS SECTION Premium design matching Magical Extras cards ========================================== */ .wish-coins-block-section{position:relative;padding:100px 0 120px;}.wish-coins-block-section .container{max-width:1400px;width:100%;margin:0 auto;padding:0 30px;}/* ========================================== HEADER ========================================== */ .wish-coins-header{max-width:900px;margin:0 auto 70px;text-align:center;}.wish-coins-eyebrow{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;margin-bottom:25px;border:1px solid rgba(245,198,82,0.35);border-radius:999px;background:rgba(245,198,82,0.05);color:#f5c652;font-size:12px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;}.wish-coins-title{margin:0 0 25px;font-family:Georgia,"Times New Roman",serif;line-height:1.1;color:#fff;}.wish-coins-subtitle{max-width:720px;margin:0 auto;color:rgba(255,255,255,0.75);font-size:18px;line-height:1.8;}/* ========================================== GRID ========================================== */ .wish-coins-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:46px;row-gap:85px;max-width:1200px;margin:0 auto;}/* ========================================== CARD ========================================== */ .wish-coin-card{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:28px;overflow:hidden;border:1px solid rgba(255,196,0,0.22);background:radial-gradient(circle at 18% 10%,rgba(255,196,0,0.1),transparent 34%),linear-gradient(145deg,rgba(35,13,78,0.72),rgba(18,8,48,0.84));box-shadow:0 18px 45px rgba(0,0,0,0.24),inset 0 1px 0 rgba(255,255,255,0.04);backdrop-filter:blur(12px);transition:transform 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease;}.wish-coin-card::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,0.08),transparent 38%);opacity:0.6;}.wish-coin-card:hover{transform:translateY(-8px);border-color:rgba(255,196,0,0.5);box-shadow:0 24px 60px rgba(0,0,0,0.36),0 0 34px rgba(255,196,0,0.14);}/* ========================================== IMAGE ========================================== */ .wish-coin-image-wrap{position:relative;z-index:2;height:320px;overflow:hidden;background:linear-gradient(145deg,rgba(18,8,48,0.55),rgba(35,13,78,0.45));}.wish-coin-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform 0.45s ease;}.wish-coin-card:hover .wish-coin-image{transform:scale(1.05);}/* ========================================== BADGE ========================================== */ .wish-coin-badge{position:absolute;top:18px;left:18px;z-index:5;display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:999px;border:1px solid rgba(245,198,82,0.35);background:rgba(26,0,74,0.88);color:#f5c652;font-size:11px;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;box-shadow:0 8px 20px rgba(0,0,0,0.25),0 0 16px rgba(245,198,82,0.12);}/* ========================================== CONTENT ========================================== */ .wish-coin-content{position:relative;z-index:2;display:flex;flex-direction:column;flex:1;padding:30px 34px 36px;}.wish-coin-title{margin:0 0 14px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.65rem,2vw,1.9rem);line-height:1.18;font-weight:700;color:#fff;}.wish-coin-description{margin:0 0 28px;color:rgba(255,255,255,0.72);font-size:15px;line-height:1.75;}/* ========================================== PRICE ========================================== */ .wish-coin-price-wrap{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin-bottom:28px;}.wish-coin-old-price{color:rgba(255,255,255,0.68);text-decoration:line-through;text-decoration-thickness:2px;font-size:16px;font-weight:600;}.wish-coin-price{font-family:Georgia,"Times New Roman",serif;color:#f5c652;font-size:clamp(2rem,2.5vw,2.25rem);line-height:1;font-weight:700;text-shadow:0 0 18px rgba(245,198,82,0.2);}/* ========================================== BUTTON Yellow button like Magical Extras cards ========================================== */ .wish-coin-button{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;min-height:56px;width:100%;margin-top:auto;padding:0 2rem;border:0;border-radius:999px;background:#f8c847;color:#1f1238;text-decoration:none;font-weight:800;box-shadow:0 12px 30px rgba(248,200,71,0.25);transition:transform 0.3s ease,background-color 0.3s ease,color 0.3s ease,box-shadow 0.3s ease;}.wish-coin-button:hover{transform:translateY(-2px);background:#ffd95a;color:#1f1238;box-shadow:0 16px 38px rgba(248,200,71,0.34);}.wish-coin-button:focus-visible{outline:3px solid rgba(248,200,71,0.45);outline-offset:4px;}/* ========================================== TABLET ========================================== */ @media (max-width:1024px){.wish-coins-block-section{padding:80px 0 100px;}.wish-coins-grid{column-gap:30px;row-gap:60px;}.wish-coin-image-wrap{height:290px;}.wish-coin-content{padding:28px 28px 34px;}.wish-coin-title{font-size:1.65rem;}}/* ========================================== MOBILE ========================================== */ @media (max-width:768px){.wish-coins-block-section{padding:70px 0;}.wish-coins-block-section .container{padding:0 20px;}.wish-coins-header{margin-bottom:45px;}.wish-coins-title{font-size:clamp(2.4rem,9vw,3.2rem);}.wish-coins-subtitle{font-size:16px;line-height:1.65;}.wish-coins-grid{grid-template-columns:1fr;max-width:600px;row-gap:45px;}.wish-coin-image-wrap{height:260px;}.wish-coin-content{padding:24px;}.wish-coin-title{font-size:1.55rem;}.wish-coin-description{font-size:14.5px;line-height:1.7;}.wish-coin-button{width:100%;min-height:54px;}}/* ========================================== SMALL PHONES ========================================== */ @media (max-width:420px){.wish-coins-block-section .container{padding:0 16px;}.wish-coin-card{border-radius:22px;}.wish-coin-image-wrap{height:230px;}.wish-coin-content{padding:22px 20px 24px;}.wish-coin-title{font-size:1.45rem;}.wish-coin-price{font-size:1.9rem;}.wish-coin-button{padding:0 22px;font-size:0.95rem;}}