@import "https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap";
:root{--color-body:#404040;--color-body-bg:#fff;--color-gray:#dfdfdf;--color-gray-dark:#939393;--color-gray-light:#f8f8f8;--color-theme-brown:#9b887b;--color-theme-sand:#b0a095;--color-theme-cream:#eee5d8;--color-theme-cream-light:#f5efe5;--color-border:#f8f8f8;--color-link:#b36d6d;--color-error:red;--btn-bg:#f5efe5d9;--btn-border:#9b887b73;--btn-text:#404040;--btn-radius:9999px;--font-heading:"Kanit", sans-serif;--font-body:"Kanit", sans-serif;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-bold:700;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-h4:20px;--font-size-h3:30px;--font-size-h2:36px;--font-size-h1:48px;--radius:5px;--transition:.4s;--input-height:48px;--button-height:48px;--header-h:56px;--container-padding:24px;--shadow-card:0 2px 20px #0000000f;--shadow-hover:0 8px 32px #0000001a}*,:before,:after{box-sizing:border-box}ul,ol{margin:0;padding:0;list-style:none}p,figure{margin:0}img{vertical-align:middle;border:0;max-width:100%;height:auto}button,input,textarea,select{-webkit-appearance:none;font:inherit;color:inherit;background:0 0;border:0;outline:0;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;width:100%;overflow-x:hidden}body{background:var(--color-body-bg);color:var(--color-body);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--weight-light);-webkit-font-smoothing:antialiased;width:100%;margin:0;line-height:1.5;animation:.6s ease-in-out forwards pageAnimation;overflow-x:hidden}@keyframes pageAnimation{0%{opacity:0}to{opacity:1}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--weight-regular);color:var(--color-body);margin:0;line-height:1.2}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}a{color:inherit;outline:0;text-decoration:none}a:hover{color:var(--color-link)}.container{width:100%;max-width:1240px;padding:0 var(--container-padding);margin:0 auto}.site-header{z-index:100;background:var(--color-body-bg);border-bottom:1px solid var(--color-gray);height:var(--header-h);align-items:center;display:flex;position:sticky;top:0}.site-header__inner{width:100%;max-width:1240px;padding:0 var(--container-padding);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.site-logo{font-family:var(--font-heading);font-size:20px;font-weight:var(--weight-regular);letter-spacing:.12em;text-transform:uppercase;color:var(--color-body);align-items:center;gap:12px;display:flex}.site-logo span{color:var(--color-theme-brown)}.site-nav{align-items:center;gap:32px;display:flex}.site-nav a{font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--weight-medium);letter-spacing:.12em;text-transform:uppercase;color:var(--color-theme-brown);transition:color var(--transition) ease}.site-nav a:hover{color:#d4af37;text-underline-offset:3px}.btn-primary{background:var(--btn-bg);height:44px;color:var(--btn-text);font-family:var(--font-body);font-size:11px;font-weight:var(--weight-medium);letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--btn-border);border-radius:var(--btn-radius);cursor:pointer;-webkit-backdrop-filter:blur(4px);transition:background var(--transition) ease, border-color var(--transition) ease, color var(--transition) ease;white-space:nowrap;justify-content:center;align-items:center;padding:0 28px;display:inline-flex}.btn-primary:hover{background:var(--color-theme-cream);border-color:var(--color-theme-brown);color:var(--color-theme-brown)}.btn-secondary{height:44px;color:var(--btn-text);font-family:var(--font-body);font-size:11px;font-weight:var(--weight-medium);letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--btn-border);border-radius:var(--btn-radius);cursor:pointer;-webkit-backdrop-filter:blur(4px);transition:all var(--transition) ease;white-space:nowrap;background:#ffffffb3;justify-content:center;align-items:center;padding:0 28px;display:inline-flex}.btn-secondary:hover{background:var(--color-theme-cream);border-color:var(--color-theme-brown);color:var(--color-theme-brown)}.btn-gold{height:44px;color:var(--color-body);font-family:var(--font-body);font-size:11px;font-weight:var(--weight-medium);letter-spacing:.15em;text-transform:uppercase;border-radius:var(--btn-radius);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background var(--transition) ease, color var(--transition) ease;white-space:nowrap;background:#f5efe5e6;border:1px solid #ffffff80;justify-content:center;align-items:center;padding:0 28px;display:inline-flex}.btn-gold:hover{color:var(--color-theme-brown);background:#fff}.shop-product-card{background:var(--color-body-bg);transition:opacity var(--transition) ease;display:block}.shop-product-card:hover{opacity:.85}.shop-product-card__img{aspect-ratio:1/1.15;background:#eee;width:100%;position:relative;overflow:hidden}.shop-product-card__img img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.shop-product-card:hover .shop-product-card__img img{transform:scale(1.03)}.section-label{font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--weight-medium);letter-spacing:.2em;text-transform:uppercase;color:var(--color-theme-sand);margin-bottom:12px;display:block}.sp-card{background:var(--color-body-bg);border:1px solid var(--color-gray);border-radius:var(--radius);transition:box-shadow var(--transition) ease;padding:28px}.sp-card:hover{box-shadow:var(--shadow-hover)}.product-card{background:var(--color-body-bg);border:1px solid var(--color-gray-light);border-radius:var(--radius);transition:box-shadow var(--transition) ease;cursor:pointer;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-card)}.product-card__image{aspect-ratio:1/1.1;background:var(--color-gray-light);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.product-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.product-card:hover .product-card__image img{transform:scale(1.04)}.product-card__body{padding:16px 18px 20px}.product-card__tag{font-size:var(--font-size-xs);font-weight:var(--weight-medium);letter-spacing:.15em;text-transform:uppercase;color:var(--color-theme-sand);margin-bottom:6px}.product-card__name{font-family:var(--font-heading);font-size:15px;font-weight:var(--weight-regular);color:var(--color-link);transition:color var(--transition) ease;margin-bottom:4px}.product-card__name:hover{color:var(--color-theme-brown)}.product-card__desc{color:var(--color-gray-dark);margin-bottom:14px;font-size:13px;line-height:1.5}.product-card__price{font-size:var(--font-size-sm);font-weight:var(--weight-light);color:var(--color-body)}.hero{text-align:center;background:var(--color-theme-cream-light);min-height:80vh;padding:80px var(--container-padding);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero__subtitle{font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--weight-medium);letter-spacing:.2em;text-transform:uppercase;color:var(--color-theme-sand);margin-bottom:20px}.hero__title{font-family:var(--font-heading);font-size:clamp(36px,6vw,64px);font-weight:var(--weight-regular);color:var(--color-body);margin-bottom:20px;line-height:1.15}.hero__title em{color:var(--color-theme-brown);font-style:italic}.hero__desc{font-size:var(--font-size-sm);color:var(--color-gray-dark);max-width:480px;line-height:1.8;font-weight:var(--weight-light);margin:0 auto 36px}.hero__cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (max-width:767.98px){.hero__cta{flex-direction:column;gap:16px;width:100%;padding:0 20px}.hero__cta a,.hero__cta button{width:100%}}.feature-strip{background:var(--color-body-bg);border-top:1px solid var(--color-gray);border-bottom:1px solid var(--color-gray);padding:20px 0}.feature-strip__inner{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.feature-item{border-right:1px solid var(--color-gray);align-items:center;gap:10px;padding:8px 36px;display:flex}.feature-item:last-child{border-right:none}.feature-item__icon{color:var(--color-theme-brown);font-size:14px}.feature-item__text{font-size:var(--font-size-xs);font-weight:var(--weight-medium);letter-spacing:.1em;text-transform:uppercase;color:var(--color-body)}.form-group{margin-bottom:18px}.form-label{font-size:var(--font-size-xs);font-weight:var(--weight-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--color-gray-dark);margin-bottom:6px;display:block}.form-input{width:100%;height:var(--input-height);background:var(--color-body-bg);border:1px solid var(--color-gray);border-radius:var(--radius);color:var(--color-body);font-family:var(--font-body);font-size:var(--font-size-sm);transition:border-color var(--transition) ease;outline:none;padding:0 16px}.form-input:focus{border-color:var(--color-theme-brown)}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;font-size:var(--font-size-xs);font-weight:var(--weight-medium);letter-spacing:.1em;text-transform:uppercase;color:var(--color-gray-dark);border-bottom:1px solid var(--color-gray);padding:10px 14px}.data-table td{font-size:var(--font-size-sm);color:var(--color-body);border-bottom:1px solid var(--color-gray-light);padding:13px 14px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--color-gray-light)}.token-badge{background:var(--color-theme-cream-light);color:var(--color-theme-brown);border:1px solid var(--color-theme-cream);border-radius:20px;padding:3px 10px;font-family:Courier New,monospace;font-size:11px;display:inline-block}.tarot-stage{perspective:1200px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;min-height:380px;display:flex}.tarot-card-ui{border-radius:var(--radius);cursor:pointer;width:116px;height:196px;transform-style:preserve-3d;box-shadow:var(--shadow-card);transition:transform .6s cubic-bezier(.175,.885,.32,1.275);position:relative}.tarot-card-ui:hover:not(.flipped){box-shadow:var(--shadow-hover);transform:translateY(-8px)}.tarot-card-ui.flipped{transform:rotateY(180deg)translateY(-10px)}.tarot-card-front,.tarot-card-back{backface-visibility:hidden;border-radius:var(--radius);text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding:12px;display:flex;position:absolute}.tarot-card-front{background:var(--color-body-bg);color:var(--color-body);border:1px solid var(--color-gray);transform:rotateY(180deg)}.tarot-card-back{background:var(--color-body);border:1px solid var(--color-gray)}.tarot-card-back:after{content:"✦";color:var(--color-theme-cream);opacity:.3;font-size:1.8rem;position:absolute}.site-footer{background:var(--color-body);color:#ffffff8c;padding:60px var(--container-padding) 36px;margin-top:0}.site-footer__logo{font-family:var(--font-heading);letter-spacing:.12em;text-transform:uppercase;color:#ffffffd9;align-items:center;gap:12px;margin-bottom:8px;font-size:18px;display:flex}.site-footer__tagline{font-size:var(--font-size-xs);color:#ffffff59;letter-spacing:.05em;margin-bottom:0}.site-footer__copy{font-size:var(--font-size-xs);color:#ffffff40;text-align:center;border-top:1px solid #ffffff14;margin-top:40px;padding-top:28px}.product-grid{background:var(--color-gray-light);border:1px solid var(--color-gray-light);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.product-detail-layout{grid-template-columns:1fr 1fr;align-items:start;gap:56px;display:grid}.checkout-layout{grid-template-columns:1fr 380px;align-items:start;gap:48px;display:grid}.text-center{text-align:center}.text-brown{color:var(--color-theme-brown)}.text-sand{color:var(--color-theme-sand)}.text-muted{color:var(--color-gray-dark)}.mt-2{margin-top:1rem}.mt-4{margin-top:2rem}.mb-4{margin-bottom:2rem}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--color-gray-light) 25%, var(--color-gray) 50%, var(--color-gray-light) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}@media (max-width:991.98px){:root{--header-h:64px;--font-size-h1:30px;--font-size-h2:26px;--font-size-h3:24px;--font-size-h4:16px}.feature-item{padding:8px 20px}}@media (max-width:767.98px){.hero{min-height:60vh;padding:60px 20px}.feature-strip__inner{grid-template-columns:repeat(2,1fr);display:grid}.feature-item{border-right:1px solid var(--color-gray);border-bottom:1px solid var(--color-gray);text-align:center;flex-direction:column;justify-content:center;gap:8px;width:100%;padding:20px 10px}.feature-item:nth-child(2n){border-right:none}.feature-item:nth-last-child(-n+2){border-bottom:none}.product-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;background:0 0;border:none;gap:12px;padding-bottom:16px;display:flex;overflow-x:auto}.product-grid::-webkit-scrollbar{display:none}.product-grid>*{scroll-snap-align:start;border:1px solid var(--color-gray-light);border-radius:var(--radius);flex:0 0 65%;overflow:hidden}.product-detail-layout{grid-template-columns:1fr;gap:32px}.site-footer{text-align:center}.site-footer__logo{justify-content:center}.site-footer ul{align-items:center}.site-footer p{text-align:center}.desktop-nav{display:none!important}}@media (max-width:991.98px){.checkout-layout{flex-direction:column-reverse;align-items:stretch;gap:32px;display:flex}}.mobile-menu-btn{color:var(--color-body);cursor:pointer;background:0 0;border:none;padding:8px;font-size:24px;display:none}@media (max-width:767.98px){.mobile-menu-btn{display:block}}.mobile-nav-drawer{top:var(--header-h);width:100%;height:calc(100vh - var(--header-h));background:var(--color-body-bg);z-index:99;flex-direction:column;gap:24px;padding:40px 24px;transition:transform .3s ease-in-out;display:flex;position:fixed;left:0;transform:translate(-100%)}.mobile-nav-drawer.open{transform:translate(0)}.mobile-nav-drawer a,.mobile-nav-drawer button{font-family:var(--font-heading);color:var(--color-body);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--color-gray-light);text-align:left;cursor:pointer;background:0 0;padding-bottom:16px;font-size:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}