.thep-site{--color-matcha-dark:#1b3524;--color-matcha-primary:#2d5a3c;--color-matcha-light:#487d5a;--color-matcha-soft:#eaf2ec;--color-matcha-accent:#6ca079;--color-kami-red:#d93829;--color-kami-red-dark:#b5291b;--color-gold:#c5a059;--color-gold-light:#f7eedb;--color-bg-base:#f9f8f5;--color-bg-white:#fff;--color-bg-alt:#f3f1ec;--color-text-title:#1a201c;--color-text-body:#4a554e;--color-text-muted:#7d8b82;--border-light:#e5e2da;--border-dark:#cfcac0;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px #1b352414;--shadow-lg:0 16px 36px #1b35241f;--shadow-hover:0 20px 40px #1b352429;--transition:all .3s cubic-bezier(.25, .8, .25, 1);--font-heading:"Prompt", "Outfit", sans-serif;--font-body:"Prompt", -apple-system, BlinkMacSystemFont, sans-serif;--font-jp:"Noto Serif JP", serif}.thep-site *{box-sizing:border-box;margin:0;padding:0}.thep-drop{scroll-behavior:smooth}.thep-site{font-family:var(--font-body);background-color:var(--color-bg-base);color:var(--color-text-body);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}.thep-site img{max-width:100%;display:block}.thep-site a{color:inherit;transition:var(--transition);text-decoration:none}.thep-site button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}.thep-site .container{max-width:1240px;margin:0 auto;padding:0 1.5rem}.thep-site .top-announcement{background-color:var(--color-matcha-dark);color:#fff;text-align:center;padding:.4rem 1rem;font-size:.8rem}.thep-site .announcement-content{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;max-width:1240px;margin:0 auto;display:flex}.thep-site .announce-text{opacity:.9;font-weight:300}.thep-site .announcement-links a{color:#fff;align-items:center;gap:.25rem;font-weight:500;display:inline-flex}.thep-site .announcement-links a:hover{color:var(--color-gold)}.thep-site .icon-sm{width:14px;height:14px}.thep-site .site-header{z-index:1000;background:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;box-shadow:0 1px 5px #0000000d}.thep-site .header-container{justify-content:space-between;align-items:center;max-width:1240px;margin:0 auto;padding:.7rem 1.5rem;display:flex}.thep-site .brand-logo{align-items:center;gap:.6rem;display:flex}.thep-site .logo-img{object-fit:contain;border-radius:4px;width:40px;height:40px}.thep-site .logo-title{font-family:var(--font-heading);color:var(--color-text-title);letter-spacing:-.2px;font-size:1.25rem;font-weight:600}.thep-site .main-nav .nav-menu{gap:2rem;list-style:none;display:flex}.thep-site .nav-menu a{color:var(--color-text-body);padding:.5rem 0;font-size:.95rem;font-weight:400;transition:color .2s;position:relative}.thep-site .nav-menu a:hover,.thep-site .nav-menu a.active{color:var(--color-matcha-primary)}.thep-site .header-actions{align-items:center;gap:1.2rem;display:flex}.thep-site .action-icon{color:var(--color-text-title);justify-content:center;align-items:center;transition:color .2s;display:flex}.thep-site .action-icon:hover{color:var(--color-matcha-primary)}.thep-site .action-icon svg{width:20px;height:20px}.thep-site .btn-primary-sleek{background-color:var(--color-text-title);color:#fff;border-radius:4px;padding:.4rem 1.2rem;font-size:.9rem;font-weight:400;transition:background-color .2s}.thep-site .btn-primary-sleek:hover{background-color:var(--color-matcha-primary)}.thep-site .mobile-toggle{color:var(--color-text-title);font-size:1.5rem;display:none}.thep-site .mobile-drawer{z-index:2000;background:#fff;flex-direction:column;width:300px;height:100%;padding:1.5rem;transition:right .35s;display:flex;position:fixed;top:0;right:-100%;box-shadow:-5px 0 25px #00000026}.thep-site .mobile-drawer.active{right:0}.thep-site .drawer-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.thep-site .drawer-brand{color:var(--color-kami-red);align-items:center;gap:.6rem;font-weight:700;display:flex}.thep-site .drawer-logo{width:36px;height:36px}.thep-site .close-drawer{color:var(--color-text-muted);font-size:1.4rem}.thep-site .drawer-menu{flex-direction:column;gap:1.25rem;list-style:none;display:flex}.thep-site .drawer-link{color:var(--color-text-title);font-size:1.1rem;font-weight:500}.thep-site .drawer-footer{margin-top:auto}.thep-site .line-btn-block{color:#fff;background:#06c755;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-weight:600;display:flex}.thep-site .hero-section{border-bottom:1px solid var(--border-light);background:radial-gradient(circle at 10% 20%,#6ca0791f 0%,#f9f8f5 70%);padding:4rem 1.5rem 5rem;position:relative;overflow:hidden}.thep-site .hero-container{grid-template-columns:1.1fr .9fr;align-items:center;gap:3.5rem;max-width:1240px;margin:0 auto;display:grid}.thep-site .hero-pill{border:1px solid var(--border-light);color:var(--color-matcha-dark);box-shadow:var(--shadow-sm);background:#fff;border-radius:30px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.thep-site .badge-kanji{background:var(--color-kami-red);color:#fff;width:22px;height:22px;font-size:.75rem;font-family:var(--font-jp);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.thep-site .hero-title{font-family:var(--font-heading);color:var(--color-text-title);letter-spacing:-.5px;margin-bottom:1.5rem;font-size:3.2rem;font-weight:700;line-height:1.2}.thep-site .hero-title .highlight{color:var(--color-matcha-primary);position:relative}.thep-site .hero-desc{color:var(--color-text-body);max-width:580px;margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.thep-site .hero-cta-group{flex-wrap:wrap;gap:1rem;margin-bottom:3rem;display:flex}.thep-site .btn-hero-primary{background-color:var(--color-matcha-primary);color:#fff;transition:var(--transition);border-radius:50px;align-items:center;gap:.5rem;padding:.85rem 2rem;font-size:1.05rem;font-weight:600;display:inline-flex;box-shadow:0 8px 24px #2d5a3c4d}.thep-site .btn-hero-primary:hover{background-color:var(--color-matcha-dark);transform:translateY(-2px);box-shadow:0 12px 28px #2d5a3c66}.thep-site .btn-hero-secondary{color:var(--color-matcha-dark);border:1px solid var(--border-dark);transition:var(--transition);background-color:#fff;border-radius:50px;align-items:center;gap:.5rem;padding:.85rem 1.8rem;font-size:1.05rem;font-weight:600;display:inline-flex}.thep-site .btn-hero-secondary:hover{background-color:var(--color-matcha-soft);border-color:var(--color-matcha-primary);color:var(--color-matcha-primary)}.thep-site .hero-metrics{border-top:1px solid var(--border-light);align-items:center;gap:1.5rem;padding-top:1.5rem;display:flex}.thep-site .metric-item{flex-direction:column;display:flex}.thep-site .metric-num{color:var(--color-matcha-dark);font-size:1.5rem;font-weight:700}.thep-site .metric-label{color:var(--color-text-muted);font-size:.8rem}.thep-site .metric-divider{background:var(--border-light);width:1px;height:35px}.thep-site .hero-visual-col{justify-content:center;display:flex;position:relative}.thep-site .hero-card-showcase{box-shadow:var(--shadow-lg);background:#fff;border:1px solid #0000000f;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:420px;padding:2.5rem;display:flex;position:relative}.thep-site .hero-badge-tag{flex-direction:column;display:flex;position:absolute;top:1.25rem;left:1.5rem}.thep-site .hero-badge-tag span{color:var(--color-kami-red);font-size:.95rem;font-weight:700}.thep-site .hero-badge-tag small{letter-spacing:1px;color:var(--color-text-muted);font-size:.65rem}.thep-site .hero-product-img{object-fit:contain;filter:drop-shadow(0 15px 25px #0000001f);width:280px;height:340px;transition:var(--transition);margin:1.5rem 0}.thep-site .hero-card-showcase:hover .hero-product-img{transform:scale(1.05)translateY(-5px)}.thep-site .hero-floating-badge{border:1px solid var(--border-light);box-shadow:var(--shadow-md);background:#fffffff2;border-radius:14px;align-items:center;gap:.85rem;width:100%;padding:.85rem 1.25rem;display:flex}.thep-site .badge-icon{color:var(--color-matcha-primary)}.thep-site .badge-info{flex-direction:column;display:flex}.thep-site .badge-info strong{color:var(--color-matcha-dark);font-size:.95rem}.thep-site .badge-info span{color:var(--color-text-muted);font-size:.8rem}.thep-site .values-bar{border-bottom:1px solid var(--border-light);background:#fff;padding:2.5rem 0}.thep-site .values-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.thep-site .value-card{align-items:flex-start;gap:1rem;display:flex}.thep-site .value-icon{background:var(--color-matcha-soft);width:44px;height:44px;color:var(--color-matcha-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.thep-site .value-icon svg{width:22px;height:22px}.thep-site .value-text h4{color:var(--color-text-title);margin-bottom:.25rem;font-size:.95rem}.thep-site .value-text p{color:var(--color-text-muted);font-size:.82rem;line-height:1.4}.thep-site .guide-section{background-color:var(--color-bg-base);padding:5rem 0}.thep-site .section-heading{margin-bottom:3.5rem}.thep-site .section-heading .sub-title{letter-spacing:2px;color:var(--color-matcha-accent);margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:block}.thep-site .section-heading h2{font-family:var(--font-heading);color:var(--color-matcha-dark);margin-bottom:.75rem;font-size:2.4rem}.thep-site .section-heading p{color:var(--color-text-muted);max-width:650px;margin:0 auto;font-size:1.05rem}.thep-site .guide-showcase-box{border:1px solid var(--border-light);box-shadow:var(--shadow-md);background:#fff;border-radius:24px;padding:2.5rem}.thep-site .guide-img-container{box-shadow:var(--shadow-sm);border:1px solid var(--border-light);border-radius:16px;margin-bottom:2.5rem;overflow:hidden}.thep-site .guide-full-img{object-fit:cover;width:100%;height:auto}.thep-site .guide-details-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.thep-site .guide-category-card{border:1px solid var(--border-light);border-radius:16px;padding:2rem}.thep-site .guide-category-card.clear-matcha{border-left:4px solid var(--color-matcha-primary);background:#f7faf8}.thep-site .guide-category-card.latte-matcha{border-left:4px solid var(--color-gold);background:#fdfaf6}.thep-site .cat-header{margin-bottom:1.5rem}.thep-site .cat-tag{text-transform:uppercase;border-radius:4px;margin-bottom:.5rem;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.thep-site .clear-matcha .cat-tag{background:var(--color-matcha-soft);color:var(--color-matcha-primary)}.thep-site .latte-matcha .cat-tag{background:var(--color-gold-light);color:#946e27}.thep-site .cat-header h3{color:var(--color-matcha-dark);align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:1.4rem;display:flex}.thep-site .cat-header p{color:var(--color-text-muted);font-size:.9rem}.thep-site .cat-recs{flex-direction:column;gap:1rem;list-style:none;display:flex}.thep-site .cat-recs li{border:1px solid var(--border-light);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:.85rem 1.2rem;display:flex;box-shadow:0 1px 3px #00000008}.thep-site .cat-recs li strong{color:var(--color-text-title);font-size:.95rem}.thep-site .cat-recs li span{color:var(--color-text-muted);font-size:.85rem}.thep-site .spotlight-section{border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);background:#fff;padding:4.5rem 0}.thep-site .spotlight-wrapper{grid-template-columns:.9fr 1.1fr;align-items:center;gap:3.5rem;display:grid}.thep-site .spotlight-visual{box-shadow:var(--shadow-lg);border:1px solid var(--border-light);border-radius:20px;overflow:hidden}.thep-site .spotlight-img{object-fit:cover;width:100%;height:auto}.thep-site .spotlight-badge{background:var(--color-kami-red);color:#fff;letter-spacing:1px;border-radius:20px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.thep-site .spotlight-content h2{font-family:var(--font-heading);color:var(--color-matcha-dark);margin-bottom:.5rem;font-size:2.3rem}.thep-site .spotlight-sub{color:var(--color-text-muted);margin-bottom:2rem;font-size:1.05rem}.thep-site .tasting-radar-card{background:var(--color-bg-base);border:1px solid var(--border-light);border-radius:14px;margin-bottom:1.75rem;padding:1.5rem}.thep-site .taste-row{border-bottom:1px dashed var(--border-light);justify-content:space-between;align-items:center;padding:.6rem 0;display:flex}.thep-site .taste-row:last-child{border-bottom:none}.thep-site .taste-name{color:var(--color-text-title);font-size:.95rem;font-weight:500}.thep-site .leaf-meter{gap:.25rem;display:flex}.thep-site .leaf-meter .leaf{opacity:.2;filter:grayscale();font-size:1.1rem}.thep-site .leaf-meter .leaf.active{opacity:1;filter:none}.thep-site .tasting-notes-box{flex-direction:column;gap:.6rem;margin-bottom:2rem;display:flex}.thep-site .note-pill{color:var(--color-text-body);align-items:center;gap:.6rem;font-size:.9rem;display:flex}.thep-site .note-pill svg{color:var(--color-matcha-primary);width:18px;height:18px}.thep-site .btn-spotlight{background-color:var(--color-matcha-primary);color:#fff;transition:var(--transition);box-shadow:var(--shadow-sm);border-radius:50px;padding:.85rem 2rem;font-weight:600;display:inline-block}.thep-site .btn-spotlight:hover{background-color:var(--color-matcha-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.thep-site .products-section{background-color:var(--color-bg-base);padding:5rem 0}.thep-site .product-filter-bar{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:3rem;display:flex}.thep-site .filter-btn{border:1px solid var(--border-light);color:var(--color-text-body);transition:var(--transition);box-shadow:var(--shadow-sm);background:#fff;border-radius:50px;padding:.65rem 1.4rem;font-size:.92rem;font-weight:500}.thep-site .filter-btn:hover{border-color:var(--color-matcha-primary);color:var(--color-matcha-primary)}.thep-site .filter-btn.active{background-color:var(--color-matcha-primary);color:#fff;border-color:var(--color-matcha-primary);box-shadow:0 4px 12px #2d5a3c40}.thep-site .products-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.thep-site .product-item{border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff;border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden}.thep-site .product-item:hover{box-shadow:var(--shadow-hover);border-color:var(--border-dark);transform:translateY(-6px)}.thep-site .item-badge{z-index:2;letter-spacing:.5px;border-radius:20px;padding:.3rem .75rem;font-size:.75rem;font-weight:700;position:absolute;top:1rem;left:1rem;box-shadow:0 2px 6px #0000001a}.thep-site .item-badge.bestseller{background:var(--color-gold);color:#fff}.thep-site .item-badge.recommend{background:var(--color-matcha-primary);color:#fff}.thep-site .item-badge.premium{color:#fff;background:#b84a62}.thep-site .item-badge.ceremonial{background:var(--color-matcha-dark);color:#fff}.thep-site .item-badge.organic{color:#fff;background:#388e3c}.thep-site .item-badge.heritage{color:#fff;background:#5c4033}.thep-site .item-badge.highlight{color:#fff;background:#e67e22}.thep-site .item-badge.bold{background:var(--color-kami-red);color:#fff}.thep-site .item-img-wrap{border-bottom:1px solid var(--border-light);background:#fdfdfd;justify-content:center;align-items:center;height:300px;padding:1.5rem;display:flex;position:relative;overflow:hidden}.thep-site .item-img-wrap img{object-fit:contain;max-width:100%;max-height:100%;transition:transform .4s}.thep-site .product-item:hover .item-img-wrap img{transform:scale(1.08)}.thep-site .item-body{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.thep-site .item-meta{letter-spacing:1px;color:var(--color-matcha-accent);text-transform:uppercase;margin-bottom:.4rem;font-size:.72rem;font-weight:700}.thep-site .item-name{font-family:var(--font-heading);color:var(--color-text-title);margin-bottom:.5rem;font-size:1.15rem;font-weight:700;line-height:1.3}.thep-site .item-desc{color:var(--color-text-body);flex-grow:1;margin-bottom:1rem;font-size:.88rem;line-height:1.5}.thep-site .taste-indicators{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.thep-site .taste-indicators span{background:var(--color-matcha-soft);color:var(--color-matcha-dark);border-radius:6px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.thep-site .item-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.thep-site .item-price{color:var(--color-matcha-dark);font-size:1.25rem;font-weight:700}.thep-site .item-price small{color:var(--color-text-muted);font-size:.72rem;font-weight:400;display:block}.thep-site .btn-item-order{background-color:var(--color-matcha-primary);color:#fff;transition:var(--transition);border-radius:50px;align-items:center;gap:.35rem;padding:.55rem 1.1rem;font-size:.88rem;font-weight:600;display:inline-flex}.thep-site .btn-item-order:hover{background-color:var(--color-matcha-dark);transform:translateY(-2px);box-shadow:0 4px 10px #00000026}.thep-site .about-section{background:#fff;padding:5rem 0}.thep-site .about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.thep-site .about-text h2{font-family:var(--font-heading);color:var(--color-matcha-dark);margin-bottom:1.25rem;font-size:2.3rem}.thep-site .about-text p{color:var(--color-text-body);margin-bottom:1.25rem;font-size:1rem;line-height:1.7}.thep-site .about-check-list{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.thep-site .about-check-list div{color:var(--color-matcha-dark);align-items:center;gap:.6rem;font-weight:600;display:flex}.thep-site .about-check-list svg{color:var(--color-kami-red);width:20px;height:20px}.thep-site .about-visual{box-shadow:var(--shadow-lg);border-radius:20px;overflow:hidden}.thep-site .about-img{object-fit:cover;width:100%;height:100%}.thep-site .contact-section{background:var(--color-bg-base);padding:5rem 0}.thep-site .contact-card{border:1px solid var(--border-light);box-shadow:var(--shadow-md);background:#fff;border-radius:24px;padding:3.5rem 2.5rem}.thep-site .brand-badge-inline{background:var(--color-bg-base);border:1px solid var(--border-light);border-radius:30px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.4rem 1.2rem;display:inline-flex}.thep-site .badge-logo{object-fit:contain;width:24px;height:24px}.thep-site .brand-badge-inline span{color:var(--color-kami-red);font-size:.95rem;font-weight:700}.thep-site .contact-header h2{color:var(--color-matcha-dark);margin-bottom:.5rem;font-size:2.2rem}.thep-site .contact-header p{color:var(--color-text-muted);max-width:600px;margin:0 auto 3rem;font-size:1.05rem}.thep-site .contact-channels-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.thep-site .channel-card{text-align:center;border:1px solid var(--border-light);transition:var(--transition);border-radius:18px;flex-direction:column;align-items:center;padding:2rem;display:flex}.thep-site .channel-card:hover{box-shadow:var(--shadow-md);transform:translateY(-6px)}.thep-site .line-card{background:#f6fcf8}.thep-site .fb-card{background:#f6f9fc}.thep-site .cafe-card{background:#fcfbf6}.thep-site .channel-icon{border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.25rem;display:flex}.thep-site .line-card .channel-icon{color:#06c755;background:#06c75526}.thep-site .fb-card .channel-icon{color:#1877f2;background:#1877f226}.thep-site .cafe-card .channel-icon{color:var(--color-gold);background:#c5a05926}.thep-site .channel-icon svg{width:30px;height:30px}.thep-site .channel-card h3{color:var(--color-text-title);margin-bottom:.5rem;font-size:1.25rem}.thep-site .channel-card p{color:var(--color-text-muted);min-height:40px;margin-bottom:1.25rem;font-size:.88rem}.thep-site .line-id-box,.thep-site .fb-handle-box,.thep-site .cafe-tag-box{border:1px solid var(--border-light);background:#fff;border-radius:30px;margin-bottom:1.5rem;padding:.35rem 1rem;font-size:.95rem;font-weight:700}.thep-site .btn-channel{color:#fff;width:100%;transition:var(--transition);border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.thep-site .btn-line{background-color:#06c755}.thep-site .btn-line:hover{background-color:#05ad4a}.thep-site .btn-fb{background-color:#1877f2}.thep-site .btn-fb:hover{background-color:#1464cc}.thep-site .btn-cafe{background-color:var(--color-matcha-primary)}.thep-site .btn-cafe:hover{background-color:var(--color-matcha-dark)}.thep-site .site-footer{background-color:var(--color-matcha-dark);color:#fff;border-top:4px solid var(--color-kami-red);padding:4.5rem 0 2rem}.thep-site .footer-top{grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:3rem;margin-bottom:3.5rem;display:grid}.thep-site .brand-logo-footer{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.thep-site .logo-footer-img{border-radius:6px;width:44px;height:44px}.thep-site .brand-logo-footer span{color:#fff;font-size:1.5rem;font-weight:700}.thep-site .footer-brand p{color:#ffffffb3;font-size:.9rem;line-height:1.6}.thep-site .footer-col h4{color:#fff;margin-bottom:1.25rem;padding-bottom:.5rem;font-size:1.1rem;position:relative}.thep-site .footer-col h4:after{content:"";background:var(--color-kami-red);width:25px;height:2px;position:absolute;bottom:0;left:0}.thep-site .footer-col ul{flex-direction:column;gap:.75rem;list-style:none;display:flex}.thep-site .footer-col a{color:#ffffffb3;font-size:.9rem}.thep-site .footer-col a:hover{color:var(--color-gold);padding-left:4px}.thep-site .footer-col li{color:#ffffffbf;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.thep-site .footer-col li svg{width:16px;height:16px;color:var(--color-gold);flex-shrink:0}.thep-site .footer-bottom{text-align:center;color:#ffffff80;border-top:1px solid #ffffff1a;padding-top:2rem;font-size:.85rem}.thep-site .order-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3000;opacity:0;pointer-events:none;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.thep-site .order-modal-backdrop.active{opacity:1;pointer-events:all}.thep-site .order-modal-window{width:100%;max-width:480px;box-shadow:var(--shadow-lg);background:#fff;border-radius:20px;padding:2.25rem;transition:transform .3s;position:relative;transform:translateY(20px)}.thep-site .order-modal-backdrop.active .order-modal-window{transform:translateY(0)}.thep-site .modal-close-btn{color:var(--color-text-muted);font-size:1.25rem;transition:color .2s;position:absolute;top:1.25rem;right:1.25rem}.thep-site .modal-close-btn:hover{color:var(--color-kami-red)}.thep-site .modal-badge{color:var(--color-kami-red);align-items:center;gap:.35rem;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:inline-flex}.thep-site .modal-header h3{color:var(--color-matcha-dark);margin-bottom:.25rem;font-size:1.5rem}.thep-site .modal-header p{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:.88rem}.thep-site .selected-product-alert{background:var(--color-matcha-soft);color:var(--color-matcha-dark);border:1px solid #2d5a3c33;border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.85rem 1rem;font-size:.95rem;display:flex}.thep-site .modal-actions-list{flex-direction:column;gap:.85rem;margin-bottom:1.25rem;display:flex}.thep-site .modal-btn{color:#fff;transition:var(--transition);border-radius:10px;justify-content:center;align-items:center;gap:.6rem;padding:.85rem;font-weight:600;display:flex}.thep-site .line-action{background-color:#06c755}.thep-site .line-action:hover{background-color:#05ad4a}.thep-site .fb-action{background-color:#1877f2}.thep-site .fb-action:hover{background-color:#1464cc}.thep-site .modal-note{color:var(--color-text-muted);text-align:center;font-size:.78rem}@media (max-width:1024px){.thep-site .hero-container{text-align:center;grid-template-columns:1fr}.thep-site .hero-desc{margin:0 auto 2rem}.thep-site .hero-cta-group,.thep-site .hero-metrics{justify-content:center}.thep-site .values-grid,.thep-site .products-grid{grid-template-columns:repeat(2,1fr)}.thep-site .guide-details-grid,.thep-site .spotlight-wrapper,.thep-site .about-grid,.thep-site .contact-channels-grid{grid-template-columns:1fr}.thep-site .footer-top{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.thep-site .main-nav,.thep-site .header-actions .btn-primary-sleek{display:none}.thep-site .mobile-toggle{display:block}.thep-site .header-container{padding:.5rem 1rem}.thep-site .logo-img{width:32px;height:32px}.thep-site .logo-title{font-size:1.1rem}.thep-site .top-announcement{padding:.3rem .5rem;font-size:.75rem}.thep-site .announcement-content{flex-direction:column;gap:.2rem}.thep-site .hero-title{font-size:2.3rem}.thep-site .products-grid,.thep-site .values-grid{grid-template-columns:1fr}.thep-site .footer-top{grid-template-columns:1fr;gap:2rem}}.thep-drop{display:none}