/* WRAPING premium benefits cards v1.9 */
.wraping-benefits, .wraping-benefits * { box-sizing:border-box; }
.wraping-benefits { width:100%; display:block; margin:0; padding:0; background:transparent; color:#fff; font-family:Arial,Helvetica,sans-serif; }
.wraping-benefits__inner { max-width:1140px; margin:0 auto; }
.wraping-benefits__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.wraping-benefits__card { position:relative; display:flex; align-items:center; gap:18px; min-height:126px; padding:22px 20px; background:linear-gradient(180deg, rgba(40,24,10,.7), rgba(24,14,8,.86)); border:1px solid rgba(199,150,75,.42); box-shadow: inset 0 0 0 1px rgba(255,215,145,.05); }
.wraping-benefits__card::before { content:''; position:absolute; inset:0; background:radial-gradient(circle at 22% 30%, rgba(227,175,89,.18), transparent 26%); pointer-events:none; }
.wraping-benefits__icon { position:relative; z-index:1; width:52px; height:52px; flex:0 0 52px; display:grid; place-items:center; color:#d9ac62; border:1px solid rgba(217,172,98,.45); border-radius:50%; background:radial-gradient(circle, rgba(217,172,98,.14), rgba(217,172,98,0) 68%); box-shadow:0 0 18px rgba(217,172,98,.12); }
.wraping-benefits__icon svg { width:25px; height:25px; display:block; }
.wraping-benefits__content { position:relative; z-index:1; min-width:0; flex:1 1 auto; }
.wraping-benefits__title { margin:0 0 6px; color:#fff; font-size:18px; line-height:1.15; font-weight:700; }
.wraping-benefits__subtitle { margin:0; color:#f2ebdf; font-size:13px; line-height:1.35; }
.wraping-benefits__arrow { position:relative; z-index:1; width:40px; height:40px; flex:0 0 40px; display:grid; place-items:center; color:#e2b36a; border:1px solid rgba(217,172,98,.5); border-radius:50%; font-size:20px; line-height:1; }
.wraping-benefits__card a.wraping-benefits__link-overlay { position:absolute; inset:0; z-index:2; }
@media (max-width:1100px) { .wraping-benefits__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:680px) { .wraping-benefits__grid { grid-template-columns:1fr; gap:10px; } .wraping-benefits__card { min-height:112px; padding:18px 16px; gap:14px; } .wraping-benefits__title { font-size:17px; } .wraping-benefits__subtitle { font-size:12px; } .wraping-benefits__arrow { width:36px; height:36px; flex-basis:36px; font-size:18px; } }