/* DSE Store V1.8 - premium catalogue */
.ds-ec-store{box-sizing:border-box;max-width:1320px;margin:34px auto 64px;padding:clamp(18px,3vw,38px);border:1px solid #e4eaf2;border-radius:28px;background:linear-gradient(145deg,#f8fafc 0%,#fff 60%,#fff9e9 100%);box-shadow:0 22px 65px rgba(7,27,53,.10);color:#142b45;font-family:inherit}
.ds-ec-store:before{content:"D’S EDUCATION COMMERCE CLASSES  •  CLASSROOM SE CAREER TAK";display:block;color:#a97808;font-size:11px;letter-spacing:2px;font-weight:900;margin:0 0 10px}
.ds-ec-store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:26px 0 0;align-items:stretch}
.ds-ec-store-card{min-width:0;border:1px solid #e5eaf1;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 8px 26px rgba(7,27,53,.08);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.ds-ec-store-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(7,27,53,.15);border-color:#e5c15b}
.ds-ec-store-card img{width:100%;height:230px;object-fit:cover;display:block;background:#edf2f7}
.ds-ec-store-body{padding:22px;display:flex;flex-direction:column;align-items:stretch;gap:13px;flex:1}
.ds-ec-store-body h3{margin:0;color:#092344;font-size:21px;line-height:1.35;font-weight:800}
.ds-ec-store-body>div:not(.ds-ec-store-price){color:#5c6b7d;font-size:14px;line-height:1.65}
.ds-ec-store-price{font-weight:900;font-size:25px;color:#9a7008;margin-top:2px}
.ds-ec-store-buy{display:inline-flex;justify-content:center;align-items:center;gap:8px;width:100%;box-sizing:border-box;margin-top:auto;background:linear-gradient(100deg,#092344,#174a78);color:#fff!important;border:1px solid #d9b34c;border-radius:13px;padding:15px 18px;text-align:center;text-decoration:none!important;cursor:pointer;font-weight:850;font-size:15px;box-shadow:0 7px 16px rgba(9,35,68,.16);transition:filter .2s,transform .2s}
.ds-ec-store-buy:hover{filter:brightness(1.12);transform:translateY(-1px)}.ds-ec-store-buy:after{content:"→";color:#f4cf6b;font-size:19px}.ds-ec-store-buy:disabled{opacity:.55;cursor:wait}
.ds-ec-store-message{padding:14px 16px;border-radius:12px;margin:16px 0;background:#fff4d5;color:#573f08;border:1px solid #f0d58b;line-height:1.6}
.ds-ec-store-empty{max-width:1120px;box-sizing:border-box;margin:35px auto;padding:clamp(30px,5vw,66px);border-radius:26px;background:radial-gradient(circle at 85% 20%,rgba(232,190,69,.22),transparent 28%),linear-gradient(130deg,#071b35,#163b60);color:#fff;box-shadow:0 20px 50px rgba(7,27,53,.2)}
.ds-ec-store-empty h2{font-size:clamp(28px,4vw,44px);line-height:1.15;color:#fff;margin:12px 0}.ds-ec-store-empty p{color:#d8e3f0;max-width:650px;line-height:1.7}.ds-ec-store-kicker{color:#f3cf67;font-weight:900;letter-spacing:2px;font-size:12px}.ds-ec-store-explore{display:inline-block;margin-top:12px;background:#f1c85b;color:#092344!important;border-radius:10px;padding:12px 20px;font-weight:900;text-decoration:none}
.ds-home-store-section{max-width:1440px;margin:0 auto;padding:32px 18px 20px;background:#f5f7fb}.ds-home-store-heading{max-width:1200px;margin:0 auto;text-align:center;padding:22px 12px 0}.ds-home-store-heading span{color:#a97808;font-weight:900;letter-spacing:2px;font-size:12px}.ds-home-store-heading h2{color:#0a2443;font-size:clamp(28px,4vw,42px);line-height:1.15;margin:8px 0}.ds-home-store-heading p{color:#53657a;margin:0 0 14px}
@media(max-width:1000px){.ds-ec-store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ds-ec-store-card img{height:210px}}
@media(max-width:767px){.ds-ec-store{margin:16px 10px 36px;padding:16px;border-radius:20px;background:linear-gradient(180deg,#071b35 0,#102d50 150px,#f5f7fb 150px,#fff 100%)}.ds-ec-store:before{color:#f3cf67;font-size:10px;letter-spacing:1.1px;line-height:1.7}.ds-ec-store-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px}.ds-ec-store-card{border-radius:18px}.ds-ec-store-card img{height:220px}.ds-ec-store-body{padding:18px}.ds-ec-store-body h3{font-size:20px}.ds-ec-store-price{font-size:23px}.ds-home-store-section{padding:18px 8px}.ds-home-store-heading{padding:16px 10px 0}}
