/* V7 — luminous numerals and one continuous learning collection. */
.shop-page{padding-bottom:0}
#collectionTitle:focus:not(:focus-visible),#collectionTitle[tabindex="-1"]:focus{outline:none}
/* All render layers share a square source canvas. Avoid perspective squeezing. */
.layer-art>img{max-width:none;object-fit:contain;object-position:center;aspect-ratio:auto}
@media(hover:hover) and (pointer:fine){.product:hover .product__image{transform:translate3d(var(--mx,0px),-24px,0) scale(1.12)}.door:hover .door__hero{transform:translate3d(var(--mx,0px),-20px,0) rotate(-2deg) scale(1.07)}}
.crystal-number{font-weight:900;letter-spacing:-.06em;filter:drop-shadow(0 2px 1px #48435538);transition:filter 550ms ease,transform 550ms ease}
.crystal-number:before{display:none}
.crystal-face{background:linear-gradient(172deg,#fff 8%,#fffffff0 34%,#ffffff80 75%,#ffffff35);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.6px #ffffff75}
.crystal-number:after{font-size:11px;right:5%;top:5%;opacity:.65;transition:opacity 550ms,text-shadow 550ms,transform 550ms}
.product:hover .crystal-number,.pk:hover .crystal-number,.detail__price:hover .crystal-number,.addon-estimate>strong:hover .crystal-number{filter:drop-shadow(0 0 10px #ffffffa0) drop-shadow(0 2px 1px #57506530)}
.product:hover .crystal-number:after,.detail__price:hover .crystal-number:after{opacity:1;text-shadow:0 0 10px #fff,0 0 20px #fff;transform:rotate(35deg) scale(1.2)}
.detail__price .crystal-number,.addon-estimate .crystal-number{filter:drop-shadow(0 2px 1px #635a7955)}
/* Keep the paint stable; interpolate the glow, inset lighting and lift. */
.shop-page .detail .product__add,.shop-page .detail .btn,.shop-page .detail .product__add:hover,.shop-page .detail .btn:hover{position:relative;isolation:isolate;background:radial-gradient(circle at 84% 22%,#f4e8c8 0 1px,transparent 2px),linear-gradient(145deg,#504865,#20283e 68%);transition:color 450ms,box-shadow 500ms,transform 500ms cubic-bezier(.2,.7,.15,1),border-color 450ms}
.shop-page .detail .product__add:before,.shop-page .detail .btn:before{content:'';position:absolute;inset:-3px;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,#ffffff90,#ba9ed755,#f5d9a280);filter:blur(7px);opacity:0;transition:opacity 500ms}
.shop-page .detail .product__add:hover:before,.shop-page .detail .btn:hover:before{opacity:1}
.shop-page .detail .product__add:hover,.shop-page .detail .btn:hover{color:#fff;border-color:#ffffffd0;box-shadow:inset 0 2px 2px #ffffff99,inset 0 -3px 2px #11182d,0 10px 28px #5a466650;transform:translateY(-2px)}
.shop-page .detail .product__add:active,.shop-page .detail .btn:active{transform:translateY(1px);box-shadow:inset 0 3px 8px #11182d88,0 2px 10px #5a466640}
@media(min-width:1200px){.lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 26px}.lesson-mini .product__visual{height:200px}.lesson-mini .product__content{padding:8px 22px 22px}.lesson-mini h3{font-size:25px}.lesson-mini .product__price .crystal-number{font-size:61px}.lesson-mini-say{font-size:12px;min-height:3.4em}}
.reader-controls{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px}.shop-reader{min-width:0;line-height:1.75}.shop-reader .course-tabs{margin:0 0 22px}.shop-reader .class-layout{display:block;padding:0;margin:0;max-width:none}.shop-reader .class-layout>aside{position:static;margin-bottom:22px}.shop-reader .course-card{display:grid;grid-template-columns:100px 1fr auto;gap:0 20px;align-items:center}.shop-reader .course-card img{grid-row:1/3;height:90px;width:100px}.shop-reader .course-card p{margin:0;font-size:23px}.shop-reader .course-card span{margin:0}.shop-reader .course-card button{grid-column:3;grid-row:1/3;width:auto}.shop-reader #chapters{display:flex;overflow-x:auto;padding:7px 0 13px;gap:8px}.shop-reader #chapters a{min-width:175px;max-width:220px;flex-shrink:0;border:1px solid #b8adc650}.shop-reader #chapters a[aria-current=page]{border-color:#fff;background:#faf6ff}.shop-reader .language-note{margin-top:8px}.shop-reader .lesson-shell{padding:28px}.shop-reader #lessonContent{scroll-margin-top:110px}.shop-reader .chapter-pagination{flex-wrap:wrap}.lesson-library.is-expanded{grid-template-columns:minmax(0,1fr)}.lesson-library.is-expanded>.lesson-filters{display:none}.shop-reader .lesson-shell li{list-style:disc;margin-left:20px}.shop-reader #lessonContent p{line-height:1.9}.shop-reader #lessonContent .purpose{padding:20px;border:1px solid #c4b6d0;border-radius:18px;margin:22px 0;background:#e3dbea}
@media(max-width:760px){.shop-reader .course-card{grid-template-columns:80px minmax(0,1fr);gap:8px 15px}.shop-reader .course-card img{width:80px;height:90px}.shop-reader .course-card button{grid-column:1/-1;grid-row:auto}.shop-reader .course-card p{font-size:21px}.reader-controls .star-button{font-size:11px;padding:10px 16px}.shop-reader .lesson-shell{padding:20px}.shop-reader .course-tabs a{font-size:12px;padding:10px 16px}}
@media(max-width:480px){.lesson-grid{grid-template-columns:minmax(0,1fr);max-width:350px;margin:auto}.lesson-mini .product__visual{height:205px;margin-top:10px}.lesson-mini .product__content{padding:6px 23px 23px}.lesson-mini h3{font-size:26px}.lesson-mini-say{font-size:12px;min-height:0}.lesson-mini .product__price .crystal-number{font-size:62px}.lesson-mini .product__head{padding:14px 20px}.lesson-mini .product__serial{font-size:9px}.lesson-mini .lesson-level{font-size:9px}.lesson-mini .product__add{font-size:12px!important}.shop-reader .lesson-shell{padding:17px}}
@media(prefers-reduced-motion:reduce){.crystal-number,.crystal-number:after,.shop-page .detail .btn,.shop-page .detail .product__add,.shop-page .detail .btn:before,.shop-page .detail .product__add:before{transition:none!important}.product:hover .product__image,.door:hover .door__hero,.shop-page .detail .product__add:hover,.shop-page .detail .btn:hover,.shop-page .detail .product__add:active,.shop-page .detail .btn:active{transform:none!important}}

.shop-reader #lessonContent .prompt-lock p{margin:10px auto 16px;text-align:center}
