.navbar{z-index:100;-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);border-bottom:1px solid var(--color-border);background:#faf6f0f2;position:sticky;top:0}.navbar-promo-bar{background:var(--color-primary);color:#fff;padding:8px 0;font-size:.775rem;font-weight:500;display:flex;overflow:hidden}.promo-ticker-wrap{width:100%;display:flex;overflow:hidden}.promo-ticker-text{white-space:nowrap;padding-left:5%;animation:32s linear infinite ticker-animation;display:inline-block}@keyframes ticker-animation{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.navbar-inner{justify-content:space-between;align-items:center;height:76px;display:flex}.navbar-brand{align-items:center;gap:var(--space-3);text-decoration:none;display:flex}.navbar-logo-icon{font-size:1.75rem;line-height:1}.navbar-brand-text{flex-direction:column;display:flex}.navbar-brand-name{font-family:var(--font-heading);color:var(--color-text);white-space:nowrap;font-size:1.125rem;font-weight:700;line-height:1.2}.navbar-brand-tagline{font-family:var(--font-heading);color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:.7rem;font-weight:600}.navbar-nav{align-items:center;gap:var(--space-1);display:flex}.navbar-link{color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;padding:6px 12px;font-size:.9rem;font-weight:500;text-decoration:none}.navbar-link:hover,.navbar-link.active{color:var(--color-primary);background:#8c6a580f}.navbar-toggle{padding:var(--space-2);background:0 0;display:none}.hamburger{flex-direction:column;gap:5px;width:22px;display:flex}.hamburger span{background:var(--color-text);height:2px;transition:all var(--transition-base);border-radius:2px;display:block}.hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-menu{background:var(--color-surface);border-bottom:1px solid var(--color-border);overflow:hidden}.mobile-nav{padding:var(--space-4) var(--container-padding);gap:var(--space-1);flex-direction:column;display:flex}.mobile-link{padding:var(--space-3) var(--space-4);color:var(--color-text);border-radius:var(--radius-md);transition:background var(--transition-fast);font-size:1rem;font-weight:500;text-decoration:none;display:block}.mobile-link:hover,.mobile-link.active{color:var(--color-primary);background:#5f7d6b14}.mobile-cta{margin-top:var(--space-3);width:100%}.desktop-only{display:none}.navbar-right-actions{align-items:center;gap:var(--space-5);display:flex}.navbar-phone-link{color:var(--color-text-muted);transition:color var(--transition-fast);white-space:nowrap;font-size:.9rem;font-weight:500;text-decoration:none}.navbar-phone-link:hover{color:var(--color-primary)}.phone-highlight{color:var(--color-primary);font-weight:700}.navbar-cta-btn{background-color:var(--color-accent)!important;color:#fff!important;border:none!important}.navbar-cta-btn:hover{background-color:var(--color-accent-dark)!important;box-shadow:var(--shadow-md), var(--shadow-glow-accent)!important}.mobile-phone-link{padding:var(--space-2) var(--space-4);color:var(--color-text-muted);text-align:center;border-top:1px solid var(--color-border-light);margin-top:var(--space-2);font-size:.9375rem;font-weight:600;text-decoration:none;display:block}@media (width>=1100px){.desktop-only{display:flex}.navbar-toggle{display:none!important}}@media (width<=1099px){.navbar-toggle{display:block}}.footer{background:var(--color-bg-dark);color:#ffffffb3;padding:var(--space-16) 0 var(--space-8)}.footer-grid{gap:var(--space-10);grid-template-columns:1fr;display:grid}@media (width>=640px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1.5fr}}.footer-logo{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);text-decoration:none;display:flex}.footer-logo-icon{font-size:1.5rem}.footer-logo-name{font-family:var(--font-heading);color:#fff;font-size:1.25rem;font-weight:700}.footer-tagline{color:var(--color-accent);margin-bottom:var(--space-3);font-size:.875rem;font-weight:500}.footer-desc{max-width:300px;font-size:.875rem;line-height:1.6}.footer-entity{margin-top:var(--space-4);color:#ffffff59;padding-top:var(--space-3);border-top:1px solid #ffffff14;font-size:.75rem}.footer-heading{font-family:var(--font-heading);color:#fff;margin-bottom:var(--space-4);font-size:1rem;font-weight:600}.footer-list{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.footer-list a{color:#fff9;transition:color var(--transition-fast);font-size:.9375rem}.footer-list a:hover{color:#fff}.footer-desc-sm{margin-bottom:var(--space-4);font-size:.875rem;line-height:1.5}.footer-form{gap:var(--space-2);display:flex}.footer-input{border-radius:var(--radius-sm);color:#fff;min-width:0;height:38px;padding:0 var(--space-3);transition:all var(--transition-fast);background:#ffffff14;border:1px solid #ffffff26;outline:none;flex:1;font-size:.875rem}.footer-input::placeholder{color:#ffffff73}.footer-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #5f7d6b40}.footer-bottom{margin-top:var(--space-12);padding-top:var(--space-6);text-align:center;color:#fff6;border-top:1px solid #ffffff1a;font-size:.8125rem}.dharmashop-hero{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);align-items:center;min-height:540px;padding:120px 0;display:flex;position:relative;overflow:hidden}.hero-slides-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hero-slide-bg{background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.hero-slides-overlay{z-index:1;background:linear-gradient(90deg,#2c3531b3 0%,#2c353159 100%);width:100%;height:100%;position:absolute;top:0;left:0}.dharmashop-hero-inner{z-index:2;align-items:center;width:100%;display:flex;position:relative}.hero-content-box{z-index:2;max-width:650px;position:relative}.hero-announcement{align-items:center;gap:var(--space-2);color:#e8efe9;border-radius:var(--radius-full);letter-spacing:.1em;margin-bottom:var(--space-6);text-transform:uppercase;background:#ffffff1f;border:1px solid #ffffff40;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.hero-announcement .bullet-dot{background:#e8efe9;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #e8efe9}.hero-main-title{font-family:var(--font-heading);margin-bottom:var(--space-4);color:#fff;font-size:3.75rem;font-weight:700;line-height:1.25}.hero-main-title .text-accent{color:#e8efe9}.hero-description{color:#ffffffd9;margin-bottom:var(--space-8);font-size:1.05rem;line-height:1.7}.hero-cta-group{gap:var(--space-4);flex-wrap:wrap;display:flex}.hero-btn{border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-base);padding:12px 28px;font-size:.9375rem;font-weight:600}.hero-btn.btn-primary{background-color:var(--color-primary);color:#fff}.hero-btn.btn-primary:hover{background-color:var(--color-primary-dark);box-shadow:0 4px 12px #5f7d6b4d}.hero-btn.btn-secondary{color:#fff;background-color:#0000;border:1px solid #fff6}.hero-btn.btn-secondary:hover{background-color:#ffffff1a;border-color:#fff}@media (width<=768px){.hero-main-title{font-size:2.8rem}.dharmashop-hero{padding:60px 0}}.dharmashop-trust-bar{border-bottom:1px solid var(--color-border);background-color:#f2f5f3;padding:24px 0}.trust-bar-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=640px){.trust-bar-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.trust-bar-grid{grid-template-columns:repeat(4,1fr)}}.trust-item{align-items:flex-start;gap:var(--space-3);display:flex}.trust-icon{font-size:1.5rem;line-height:1.2}.trust-text h4{color:var(--color-accent);margin-bottom:2px;font-size:.9375rem;font-weight:700}.trust-text p{color:var(--color-text-muted);font-size:.775rem}.categories-showcase{background-color:var(--color-bg)}.section-header{margin-bottom:var(--space-12)}.category-visual-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=640px){.category-visual-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.category-visual-grid{grid-template-columns:repeat(4,1fr)}}.category-card{border-radius:var(--radius-sm);height:280px;padding:var(--space-6);border:1px solid var(--color-border);transition:all var(--transition-base);align-items:flex-end;display:flex;position:relative;overflow:hidden}.item-mala{background:linear-gradient(#2c353133,#2c3531e6),url(/cat_cushions.jpg) 50%/cover no-repeat}.item-bowl{background:linear-gradient(#2c353133,#2c3531e6),url(/cat_statues.jpg) 50%/cover no-repeat}.item-incense{background:linear-gradient(#2c353133,#2c3531e6),url(/cat_incense.jpg) 50%/cover no-repeat}.item-clothing{background:linear-gradient(#2c353133,#2c3531e6),url(/cat_bowls.jpg) 50%/cover no-repeat}.category-card-overlay{transition:opacity var(--transition-base);background:#5f7d6b0d;position:absolute;inset:0}.category-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translateY(-5px)}.category-card:hover .category-card-overlay{background:#5f7d6b1f}.category-card-content{z-index:2;color:#fff;width:100%;position:relative}.category-card-content span{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.15em;color:var(--color-primary);margin-bottom:var(--space-1);font-size:.75rem;font-weight:600;display:block}.category-card-content h3{font-family:var(--font-heading);color:#fff;margin-bottom:var(--space-2);font-size:1.35rem;font-weight:500}.category-card-content p{opacity:.85;margin-bottom:var(--space-4);font-size:.775rem;line-height:1.4}.category-card-link{color:var(--color-primary);transition:transform var(--transition-fast);font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-block}.category-card:hover .category-card-link{color:#fff;transform:translate(4px)}.category-tabs{justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}@media (width<=640px){.category-tabs{padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;width:calc(100% + 32px);margin-left:-16px;padding-left:16px;padding-right:16px;overflow-x:auto}}.tab-btn{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--transition-fast);white-space:nowrap;background:0 0;flex-shrink:0;padding:8px 18px;font-size:.75rem;font-weight:500}.tab-btn:hover{color:var(--color-primary);border-color:var(--color-primary);background:#5f7d6b0d}.tab-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.product-grid{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (width>=640px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.product-grid{grid-template-columns:repeat(4,1fr)}}.product-item-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);height:100%;transition:all var(--transition-base);background:#fff;flex-direction:column;display:flex;overflow:hidden}.product-item-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.product-card-media{background:#f6efe6;justify-content:center;align-items:center;height:290px;display:flex;position:relative;overflow:hidden}.product-card-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.product-item-card:hover .product-card-image{transform:scale(1.05)}.product-media-placeholder{opacity:.9;font-size:3.5rem}.product-badge-overlay{top:var(--space-3);left:var(--space-3);position:absolute}.verification-badge{letter-spacing:.03em;color:#fff;border-radius:2px;padding:4px 8px;font-size:.65rem;font-weight:700}.verification-badge.badge-pass{background:var(--color-success)}.verification-badge.badge-conditional{background:var(--color-warning)}.verification-badge.badge-fail{background:var(--color-danger)}.product-card-body{padding:var(--space-5);flex-direction:column;flex-grow:1;display:flex}.product-card-category{font-family:var(--font-heading);text-transform:uppercase;color:var(--color-accent);letter-spacing:.15em;margin-bottom:var(--space-2);font-size:.75rem;font-weight:600}.product-card-title{font-family:var(--font-heading);margin-bottom:var(--space-2);color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6rem;font-size:1.125rem;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.product-card-summary{color:var(--color-text-muted);margin-bottom:var(--space-5);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;font-size:.775rem;line-height:1.5;display:-webkit-box;overflow:hidden}.product-card-footer{border-top:1px solid var(--color-border-light);padding-top:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.price-box{flex-direction:column;display:flex}.price-label{color:var(--color-text-light);font-size:.7rem}.price-value{color:var(--color-accent);font-size:.9375rem;font-weight:700}.product-card-cta{text-align:center;border-radius:var(--radius-sm);background:var(--color-primary);border-color:var(--color-primary);width:100%;padding:10px;font-size:.8125rem}.product-card-cta:hover{background:var(--color-primary-dark)}.chanh-tin-banner{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);color:#fff;background:linear-gradient(#2c3531c7,#2c3531c7),url(/zen_path_banner.jpg) 50%/cover no-repeat fixed;padding:96px 0;position:relative}.chanh-tin-inner{z-index:2;align-items:center;gap:var(--space-5);text-align:center;flex-direction:column;max-width:850px;margin:0 auto;display:flex;position:relative}.chanh-tin-symbol{color:#e8efe9;font-size:3.5rem;line-height:1}.chanh-tin-tagline{font-family:var(--font-heading);color:#e8efe9;text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-2);font-size:.8125rem;font-weight:600;display:block}.chanh-tin-text{color:#fffffff2;margin-bottom:var(--space-6);font-size:1.05rem;line-height:1.8}.chanh-tin-banner .section-title{color:#fff}.chanh-tin-author{color:#e8efe9;font-size:.875rem}.chanh-tin-author strong{color:#fff}.testimonials-section{background-color:var(--color-bg)}.testimonials-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=768px){.testimonials-grid{grid-template-columns:repeat(3,1fr)}}.testimonial-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-6);background:#fff;flex-direction:column;justify-content:space-between;height:100%;display:flex}.testimonial-card .stars{color:#d19c4c;margin-bottom:var(--space-4);font-size:1.125rem}.testimonial-content{color:var(--color-text);margin-bottom:var(--space-6);font-size:.875rem;font-style:italic;line-height:1.6}.testimonial-author{border-top:1px solid var(--color-border-light);padding-top:var(--space-4);justify-content:space-between;align-items:flex-end;display:flex}.author-details{flex-direction:column;display:flex}.author-details strong{color:var(--color-text);font-size:.875rem}.author-role{color:var(--color-text-light);font-size:.75rem}.verified-badge-pill{color:var(--color-success);border-radius:var(--radius-full);background:#5f85751a;padding:2px 6px;font-size:.65rem;font-weight:600}.crisis-section{background-color:var(--color-bg-dark);color:#fffc;padding:var(--space-12) 0}.crisis-layout-grid{gap:var(--space-8);grid-template-columns:1fr;align-items:center;display:grid}@media (width>=768px){.crisis-layout-grid{gap:var(--space-12);grid-template-columns:1.15fr 1.85fr}}.crisis-image-box{border-radius:var(--radius-lg);border:1px solid #ffffff14;width:100%;overflow:hidden;box-shadow:0 12px 30px #0006,0 0 20px #ff64641a}.crisis-healing-img{object-fit:cover;width:100%;height:100%;display:block}.crisis-alert-tag{font-family:var(--font-heading);color:#ff6b6b;letter-spacing:.15em;margin-bottom:var(--space-4);background:#ef444426;border:1px solid #ef44444d;border-radius:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.crisis-content h3{color:#fff;font-family:var(--font-heading);margin-bottom:var(--space-4);font-size:1.85rem;font-weight:600;line-height:1.3}.crisis-intro-text{color:#fff;margin-bottom:var(--space-3);font-size:1.05rem;font-weight:500;line-height:1.6}.crisis-body-text{color:#ffffffbf;margin-bottom:var(--space-6);font-size:.9rem;line-height:1.6}.crisis-contact-box{border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-6);background:#ffffff08;border:1px solid #ffffff14}.crisis-hotline-name{color:#ffffff8c;margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.03em;font-size:.8125rem;font-weight:600;display:block}.crisis-phone-btn{align-items:center;gap:var(--space-2);color:#fff;background:var(--color-danger);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:12px 32px;font-size:1.35rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 15px #ef444466}.crisis-phone-btn:hover{background:#bd4e40;transform:translateY(-1px);box-shadow:0 6px 20px #ef444480}.crisis-footnote{color:#ffffff73;font-size:.8125rem;font-style:italic}.daily-reflections-section{background-color:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:80px 0}.reflection-tag{font-family:var(--font-heading);color:var(--color-primary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-2);font-size:.8125rem;font-weight:600;display:block}.reflections-wrapper{justify-content:center;max-width:600px;margin:0 auto;display:flex}.reflections-box{text-align:center;width:100%}.bamboo-tube-container{cursor:pointer;flex-direction:column;align-items:center;display:flex}.bamboo-tube{width:120px;height:220px;margin-bottom:var(--space-6);transition:transform var(--transition-base);background:linear-gradient(135deg,#4a584e 0%,#354238 100%);border:4px solid #5f7d6b;border-radius:8px 8px 24px 24px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 10px 25px #00000026}.bamboo-tube:hover{transform:translateY(-2px)}.bamboo-label{font-family:var(--font-heading);color:#fff;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.1em;font-size:1.15rem;font-weight:600}.sticks-inside{z-index:-1;gap:6px;display:flex;position:absolute;top:-40px}.stick{transform-origin:bottom;background:#c4b188;border-radius:4px;width:8px;height:90px;box-shadow:0 4px 6px #0000001a}.stick:first-child{transform:rotate(-8deg)}.stick:nth-child(2){height:95px;transform:rotate(-3deg)}.stick:nth-child(3){height:100px;transform:rotate(0)}.stick:nth-child(4){height:93px;transform:rotate(4deg)}.stick:nth-child(5){transform:rotate(9deg)}@keyframes shake{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translateY(2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(2px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(2px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}.bamboo-tube-container.shaking .bamboo-tube{animation:.6s infinite shake}.draw-btn{border-radius:var(--radius-full);width:100%;max-width:320px;font-size:.9375rem}.draw-hint{color:var(--color-text-light);margin-top:var(--space-3);font-size:.8125rem;font-style:italic}.drawn-scroll{flex-direction:column;align-items:center;width:100%;display:flex}.scroll-paper{width:100%;max-width:580px;margin-bottom:var(--space-8);padding:44px var(--space-6);box-sizing:border-box;background-color:#faf5eb;background-image:radial-gradient(#f5ecd7 1px,#0000 1px);background-size:24px 24px;border-left:2px solid #e8d9bd;border-right:2px solid #e8d9bd;position:relative;box-shadow:0 15px 40px #8b6f582e}.scroll-paper:before{content:"";pointer-events:none;border:1px solid #8b6f581f;position:absolute;inset:12px}.scroll-rod{z-index:10;background:linear-gradient(#745138 0%,#4a3120 50%,#301f14 100%);border-radius:8px;height:16px;position:absolute;left:-15px;right:-15px;box-shadow:0 4px 8px #00000040}.scroll-rod:before,.scroll-rod:after{content:"";background:radial-gradient(circle,#8c6042 0%,#4a3120 70%,#21130a 100%);border-radius:50%;width:12px;height:24px;position:absolute;top:-4px;box-shadow:0 2px 4px #0000004d}.scroll-rod:before{left:-6px}.scroll-rod:after{right:-6px}.rod-top{top:-8px}.rod-bottom{bottom:-8px}.scroll-inner-body{z-index:5;text-align:center;padding:var(--space-4) var(--space-2);position:relative}.scroll-tag{color:#8b6f58;letter-spacing:.05em;margin-bottom:var(--space-4);background:#8b6f5814;border:1px solid #8b6f582e;border-radius:12px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.scroll-title{font-family:var(--font-heading);color:#2c3531;margin-bottom:var(--space-6);letter-spacing:.02em;font-size:1.45rem;font-weight:600}.scroll-sutra-box{padding:var(--space-5) var(--space-4);margin-bottom:var(--space-6);background:#8b6f5808;border-top:1px dashed #8b6f5840;border-bottom:1px dashed #8b6f5840}.scroll-sutra{color:#8b6f58;font-family:Georgia,Playfair Display,serif;font-size:1.15rem;font-style:italic;font-weight:500;line-height:1.8}.scroll-divider-pattern{color:#8b6f5866;letter-spacing:.5em;margin-bottom:var(--space-6);font-size:.75rem}.scroll-section{text-align:left;margin-bottom:var(--space-6);padding:0 var(--space-2)}.scroll-section h4{font-family:var(--font-heading);color:#8b6f58;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);align-items:center;gap:8px;font-size:.875rem;font-weight:700;display:flex}.scroll-section h4:before{content:"🪷";font-size:.75rem}.scroll-interpretation{color:#4a5551;font-size:.9375rem;line-height:1.7}.scroll-practice-box{border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);background:#5f7d6b0a;border:1px solid #5f7d6b26}.scroll-practice-box h4{color:#5f7d6b}.scroll-practice-box h4:before{content:"✨"}.scroll-practice{color:#2c3531;font-size:.9375rem;font-weight:500;line-height:1.7}.scroll-footer{padding-top:var(--space-5);margin-top:var(--space-6);border-top:1px solid #8b6f5826;justify-content:space-between;align-items:center;display:flex}.scroll-footer .footer-brand{color:var(--color-text-muted);letter-spacing:.02em;font-size:.75rem;font-weight:500}.red-seal{color:#fff;background:#a3483b;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8125rem;font-weight:700;display:inline-flex;box-shadow:0 2px 5px #a3483b4d}.draw-again-btn{border-radius:var(--radius-full);padding:8px 24px}.zen-audio-widget{z-index:99;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);border-radius:var(--radius-full);align-items:center;gap:var(--space-3);cursor:pointer;transition:all var(--transition-base);padding:10px 18px;display:flex;position:fixed;bottom:24px;right:24px}.zen-audio-widget:hover{border-color:var(--color-primary);transform:translateY(-2px)}.zen-audio-icon{font-size:1rem}.zen-audio-text{color:var(--color-text);letter-spacing:.05em;text-transform:uppercase;font-size:.8125rem;font-weight:700}.zen-audio-waves{align-items:flex-end;gap:2px;width:14px;height:12px;display:flex}.zen-audio-waves span{background:var(--color-primary);border-radius:1px;width:2px;display:block}.zen-audio-widget.is-playing .zen-audio-waves span{animation:1s ease-in-out infinite alternate wave}.zen-audio-waves span:first-child{height:4px;animation-delay:-.2s!important}.zen-audio-waves span:nth-child(2){height:8px;animation-delay:-.5s!important}.zen-audio-waves span:nth-child(3){height:12px;animation-delay:-.1s!important}.zen-audio-waves span:nth-child(4){height:6px;animation-delay:-.7s!important}@keyframes wave{0%{height:2px}to{height:14px}}@media (width<=768px){.zen-audio-widget{gap:var(--space-2);padding:10px 14px;bottom:16px;right:16px}.zen-audio-text{display:none}.bamboo-tube{width:100px;height:180px}.sticks-inside .stick{width:6px;height:75px}.scroll-paper{padding:30px var(--space-4);max-width:calc(100% - 16px);margin-left:8px;margin-right:8px}.scroll-rod{left:-8px;right:-8px}.scroll-title{margin-bottom:var(--space-4);font-size:1.2rem}.scroll-sutra{font-size:.95rem;line-height:1.6}.scroll-section h4{font-size:.8125rem}.scroll-interpretation,.scroll-practice{font-size:.875rem;line-height:1.6}.scroll-footer{gap:var(--space-3);text-align:center;flex-direction:column}.section-title{font-size:1.75rem!important}.section-subtitle{font-size:.875rem!important}.dharmashop-hero{min-height:440px;padding:80px 0}.hero-main-title{font-size:2.4rem!important}.hero-description{line-height:1.5;font-size:.9rem!important}.category-visual-grid{gap:var(--space-4)}.category-card{height:220px}.product-card-media{height:240px}.chanh-tin-banner{background-attachment:scroll;padding:64px 0}.chanh-tin-text{font-size:.95rem;line-height:1.7}.crisis-section{padding:var(--space-8) 0}.crisis-content h3{font-size:1.45rem}.crisis-intro-text{font-size:.95rem}.crisis-phone-btn{justify-content:center;width:100%;padding:10px 24px;font-size:1.15rem}}:root{--color-primary:#8c6a58;--color-primary-dark:#745647;--color-sage:#607964;--color-accent:#8c6a58;--color-accent-dark:#745647;--color-text:#333c35;--color-text-muted:#5c6660;--color-text-light:#7a8780;--color-bg:#faf8f5;--color-bg-dark:#2c3531;--color-bg-darker:#1c2220;--color-surface:#fff;--color-surface-hover:#faf8f5;--color-success:#607964;--color-danger:#a3483b;--color-warning:#d19c4c;--color-border:#ebe7e1;--color-border-light:#f5f2ec;--font-heading:"Be Vietnam Pro", system-ui, sans-serif;--font-body:"Mulish", system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--container-max:1280px;--container-padding:16px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000a;--shadow-glow:0 0 20px #2e86ab4d;--shadow-glow-accent:0 0 20px #f18f014d;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);font-size:16px;line-height:1.625;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--color-text);font-weight:700;line-height:1.25}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto;display:block}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}.container{width:100%;max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}@media (width>=768px){:root{--container-padding:24px}}@media (width>=1024px){:root{--container-padding:32px}}.section{padding:var(--space-16) 0}@media (width>=768px){.section{padding:var(--space-20) 0}}.section-dark{background-color:var(--color-bg-dark);color:#fff}.section-dark h2,.section-dark h3{color:#fff}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.section-title{margin-bottom:var(--space-3);font-size:2.5rem;font-weight:700}.section-subtitle{color:var(--color-text-muted);max-width:650px;font-size:1.125rem}.section-subtitle.centered{margin:0 auto}@media (width>=768px){.section-title{font-size:3.5rem}}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-md{height:46px;padding:0 var(--space-6)}.btn-lg{height:54px;padding:0 var(--space-8)}.btn-sm{height:38px;padding:0 var(--space-4)}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--color-accent-dark);color:#fff;box-shadow:var(--shadow-lg), var(--shadow-glow-accent);transform:translateY(-1px)}.btn-secondary{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.btn-secondary:hover{background:var(--color-primary);color:#fff}.btn-ghost{color:var(--color-text-muted);background:0 0}.btn-ghost:hover{background:var(--color-surface-hover);color:var(--color-text)}.btn-white{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff4d}.btn-white:hover{color:#fff;background:#ffffff40}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);transition:all var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-image{aspect-ratio:4/3;object-fit:cover;background:var(--color-border-light);width:100%}.card-body{padding:var(--space-5)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);letter-spacing:.02em;text-transform:uppercase;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pass{color:var(--color-success);background:#10b9811f}.badge-fail{color:var(--color-danger);background:#ef44441f}.badge-conditional{color:var(--color-warning);background:#f59e0b1f}.badge-category{color:var(--color-primary);background:#2e86ab1a}.grid{gap:var(--space-6);display:grid}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}@media (width>=640px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.boundary-note{border-left:4px solid var(--color-danger);border-radius:var(--radius-md);padding:var(--space-4);color:var(--color-text-muted);margin:var(--space-6) 0;background:#ef44440f;font-size:.875rem;line-height:1.6}.boundary-note strong{color:var(--color-danger)}.input{width:100%;height:44px;padding:0 var(--space-4);font-size:1rem;font-family:var(--font-body);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast);outline:none}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2e86ab26}.input-dark{color:#fff;background:#ffffff1a;border-color:#fff3}.input-dark::placeholder{color:#ffffff80}.input-dark:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #f18f0133}.graph-bg{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:40px 40px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}::selection{color:var(--color-text);background:#2e86ab33}