/*
Theme Name: KORVVA Showcase
Description: KORVVA 官網測試版；原生 WordPress 區塊編輯。
Version: 1.0.0
Text Domain: korvva-showcase
*/
:root{--red:#cc454b;--ink:#414141;--paper:#f5f5f3;--line:#ddd;--max:1100px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC","Hiragino Kaku Gothic ProN","Microsoft JhengHei",sans-serif;line-height:1.9}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}img{display:block;max-width:100%;height:auto}figure{margin:0}p{margin:0 0 1.3em}h1,h2,h3{line-height:1.45;letter-spacing:.025em}h1{font-size:clamp(30px,4vw,52px)}h2{font-size:clamp(26px,3vw,38px)}h3{font-size:24px}.site-header{background:#f1f1ef;border-bottom:1px solid #ddd;position:relative;z-index:5}.header-inner{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px 32px}.site-logo img{width:175px;height:auto}.main-menu{display:flex;align-items:center;gap:32px;list-style:none;padding:0;margin:0;font-weight:600;font-size:15px}.main-menu a{display:block;padding:8px 0;border-top:1px solid #b9b9b9}.language-switch{white-space:nowrap;font-size:13px;letter-spacing:.08em;border:1px solid #bbb;padding:7px 12px}.menu-toggle{display:none}.site-main{min-height:60vh}.brand-hero{padding:40px max(24px,calc((100vw - 1040px)/2)) 38px;background:#f2f3f1}.hero-images{height:360px;position:relative;margin-bottom:40px}.hero-images figure{position:absolute;overflow:hidden;box-shadow:12px 12px 0 #a9d5d5;border-radius:43% 57% 42% 58% / 48% 35% 65% 52%;width:28%}.hero-images img{width:100%;height:100%;object-fit:cover}.hero-chip{height:245px;left:2%;top:80px;transform:rotate(-5deg)}.hero-bottle{height:340px;left:33%;top:0;width:38%!important}.hero-cosmetic{height:225px;right:0;top:15px;transform:rotate(5deg)}.hero-heading{display:flex;align-items:center;gap:35px}.hero-logo{width:65%;flex-shrink:0}.hero-heading h1{color:var(--red);font-size:clamp(23px,2.7vw,35px);white-space:pre-line;margin:0}.brand-hero>p{font-size:14px;text-align:center;color:#666;margin:28px 0 0}.brand-intro{max-width:970px;margin:auto;padding:85px 32px;font-size:19px;text-align:center;line-height:2.1}.services-section{padding:58px 32px 90px;background:#f5f5f3}.services-section>h2{text-align:center;margin:0 0 45px;font-weight:500}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;max-width:var(--max);margin:auto}.service-card figure{aspect-ratio:1;overflow:hidden;border-radius:48% 52% 42% 58%;background:#c1dfe0}.service-card figure img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.service-card:hover img{transform:scale(1.04)}.service-card p{font-size:17px;font-weight:600;text-align:center;margin:25px 0 0}.brand-values{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.brand-values>figure img{width:100%;height:100%;object-fit:cover;min-height:370px}.value-copy{padding:70px 12%;align-self:center}.value-copy h2{color:var(--red)}.contact-section{padding:65px max(28px,calc((100vw - 1040px)/2));background:#f1f2f0}.contact-section h2{margin-top:0}.contact-section p{margin-bottom:12px}.site-footer{background:#424444;color:#eee}.footer-inner{max-width:var(--max);padding:30px 28px;margin:auto;display:flex;justify-content:space-between;gap:25px;font-size:13px}.footer-inner nav{display:flex;gap:25px}.scf-hero{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:var(--paper)}.scf-hero>figure img{width:100%;height:100%;object-fit:cover}.scf-copy{padding:60px 10%}.scf-copy h1{color:var(--red);font-size:36px}.prose-section{max-width:1000px;padding:65px 32px;margin:auto;font-size:17px}.prose-section h1{color:var(--red);margin-top:0}.prose-section h2{margin:55px 0 24px}.koba-content>.wp-block-image{max-width:850px;margin:35px auto}.koba-content>.wp-block-image img{max-height:650px;margin:auto;object-fit:contain}.koba-content>p{max-width:850px;margin-left:auto;margin-right:auto}.terms-content{font-size:16px}.archive-head{max-width:var(--max);margin:55px auto 35px;padding:0 28px}.archive-head h1{color:var(--red)}.post-grid{max-width:var(--max);margin:0 auto 90px;padding:0 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px 28px}.post-card img{width:100%;aspect-ratio:1.5;object-fit:cover}.post-card h2{font-size:21px;margin:18px 0 6px}.post-date{font-size:13px;color:#858585}.single-content{max-width:940px;padding:50px 30px 80px;margin:auto}.single-content h1{font-size:36px;color:var(--red)}.single-content .wp-block-image{margin:32px 0}.single-content .wp-block-image img{width:100%;height:auto}.back-link{display:inline-block;border-bottom:1px solid #bbb;padding-bottom:4px;font-size:14px}.share-links{border-top:1px solid #ddd;padding-top:25px;display:flex;gap:22px;margin-top:50px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:15px;top:10px;background:#fff;z-index:100;padding:10px}.error-page{text-align:center;padding:100px 30px}.entry-content:after{content:"";display:block;clear:both}
@media(max-width:800px){.header-inner{padding:20px;flex-wrap:wrap;gap:15px}.site-logo img{width:145px}.menu-toggle{display:block;background:none;border:1px solid #aaa;padding:8px 12px;color:var(--ink);font:inherit}.header-nav{display:none;flex-basis:100%}.header-nav.is-open{display:block}.main-menu{flex-direction:column;align-items:stretch;gap:8px}.language-switch{margin-left:auto}.hero-images{height:260px;margin-bottom:30px}.hero-chip{height:170px;top:60px}.hero-bottle{height:245px}.hero-cosmetic{height:150px}.hero-heading{gap:20px}.hero-logo{width:57%}.hero-heading h1{font-size:21px}.brand-intro{padding:50px 26px;font-size:17px}.service-grid{grid-template-columns:repeat(2,1fr);gap:35px 24px}.brand-values,.scf-hero{grid-template-columns:1fr}.value-copy{padding:35px 28px}.brand-values>figure img{min-height:0;max-height:400px}.scf-hero>figure{order:-1;max-height:320px;overflow:hidden}.scf-copy{padding:35px 28px}.prose-section{padding:40px 24px}.post-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{flex-wrap:wrap}.single-content h1{font-size:29px}}
@media(max-width:460px){.hero-images{height:195px}.hero-chip{height:130px;top:45px}.hero-bottle{height:180px}.hero-cosmetic{height:115px}.hero-heading{display:block}.hero-logo{width:90%;margin:0 auto 24px}.hero-heading h1{text-align:center;white-space:normal;font-size:24px}.brand-hero>p{font-size:12px}.post-grid{grid-template-columns:1fr}.service-card p{font-size:14px}.site-logo img{width:125px}.language-switch{font-size:11px;padding:6px}.menu-toggle{font-size:13px}.contact-section{overflow-wrap:anywhere}.footer-inner nav{flex-wrap:wrap}}

/* Original Wix homepage proportions, restored October 2026. */
body.home,body.korvva-ja-home{background:#f4f0ed;color:#111}
.home .header-inner,.korvva-ja-home .header-inner{max-width:1100px;height:69px;padding:5px 12px;gap:24px}
.home .site-logo img,.korvva-ja-home .site-logo img{width:42px;height:58px;object-fit:contain}
.home .header-nav,.korvva-ja-home .header-nav{margin-left:auto}
.home .main-menu,.korvva-ja-home .main-menu{gap:10px;font-size:14px}
.home .main-menu a,.korvva-ja-home .main-menu a{padding:16px 8px 4px;border-color:#333}
.brand-hero{height:965px;padding:0;position:relative;background-blend-mode:screen;background-color:rgba(255,255,255,.65)}
.hero-images{width:980px;height:503px;margin:0 auto;position:relative}
.hero-images figure{box-shadow:none;border-radius:0;overflow:visible;transform:none}
.hero-images figure:before,.service-card figure:before{content:"";position:absolute;inset:8px 5px -18px -20px;background:#90cdd0;mask:url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' data-bbox='23.999 20.502 152 158.998' viewBox='23.999 20.502 152 158.998' height='200' width='200' xmlns='http://www.w3.org/2000/svg' data-type='shape'%3E%3Cg%3E%3Cpath d='M33.758 60.174c-17.32 24.757-8.751 62.067 3.819 86.859 7.773 15.332 21.838 35.886 46.141 31.984 5.526-.887 10.586-3.167 16.054-4.271 16.952-3.424 36.019 4.667 51.766-1.53 6.229-2.451 11.013-6.889 14.686-11.707 11.588-15.202 12.988-35.352 3.585-51.58-6.596-11.383-18.021-20.815-22.417-32.896-4.313-11.851-1.286-24.74-4.481-36.828-3.886-14.703-20.471-25.243-37.541-16.56-6.449 3.28-11.975 7.686-19.005 10.185-7.319 2.602-15.435 3.282-22.862 5.674-13.94 4.488-23.516 11.767-29.745 20.67z'/%3E%3C/g%3E%3C/svg%3E%0A");mask-size:100% 100%}
.hero-images img,.service-card figure img{position:relative;mask:url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' data-bbox='23.999 20.502 152 158.998' viewBox='23.999 20.502 152 158.998' height='200' width='200' xmlns='http://www.w3.org/2000/svg' data-type='shape'%3E%3Cg%3E%3Cpath d='M33.758 60.174c-17.32 24.757-8.751 62.067 3.819 86.859 7.773 15.332 21.838 35.886 46.141 31.984 5.526-.887 10.586-3.167 16.054-4.271 16.952-3.424 36.019 4.667 51.766-1.53 6.229-2.451 11.013-6.889 14.686-11.707 11.588-15.202 12.988-35.352 3.585-51.58-6.596-11.383-18.021-20.815-22.417-32.896-4.313-11.851-1.286-24.74-4.481-36.828-3.886-14.703-20.471-25.243-37.541-16.56-6.449 3.28-11.975 7.686-19.005 10.185-7.319 2.602-15.435 3.282-22.862 5.674-13.94 4.488-23.516 11.767-29.745 20.67z'/%3E%3C/g%3E%3C/svg%3E%0A");mask-size:100% 100%}
.hero-chip{width:328px!important;height:339px;left:22px;top:129px}
.hero-bottle{width:412px!important;height:431px;left:380px;top:71px}
.hero-cosmetic{width:264px!important;height:276px;left:707px;right:auto;top:26px}
.hero-heading{width:850px;margin:auto;gap:6px;align-items:center}
.hero-logo{width:645px;flex-shrink:0}
.hero-heading h1{font-size:30px;line-height:1.55;color:#cc454b;letter-spacing:0}
.brand-hero>p{font-size:25px;color:#c7c7c7;margin:0;text-align:center;line-height:1.5}
.brand-intro{max-width:none;margin:0;min-height:580px;padding:95px max(24px,calc((100vw - 800px)/2));display:grid;grid-template-columns:300px 380px;gap:100px;text-align:left;font-size:20px;line-height:2;letter-spacing:2px;background:#f4f0ed}
.brand-intro:before{content:"";display:block;background:url('/wp-content/uploads/korvva/6fe97dd33ed3bae9.avif') center 65px/131px auto no-repeat}
.services-section{padding:50px 40px 0;background:#f4f0ed}
.services-section>h2{font-size:100px;font-weight:700;line-height:1.4;margin:0 0 50px;color:#000;letter-spacing:-3px}
.service-grid{max-width:none;min-height:438px;padding:70px max(25px,calc((100vw - 1320px)/2 - 40px)) 60px;gap:26px;background:linear-gradient(#ffffff77,#ffffff77),url('/wp-content/uploads/korvva/7d686e65bedd97a1.avif') center/cover}
.service-card figure{position:relative;overflow:visible;border-radius:0;background:none;width:232px;height:240px;margin:auto}
.service-card figure:before{inset:6px 0 -8px -10px}
.service-card p{position:relative;font-size:25px;font-weight:400;color:white;text-align:left;padding:19px 12px;background:#90c9cb;border-radius:20px;margin:-20px 0 0;line-height:1.8;z-index:2;white-space:nowrap}
.service-card figure{z-index:3}.service-card:hover img{transform:none}
.brand-values{display:block;position:relative;margin:150px auto 0;width:calc(100% - 270px);min-height:587px}
.brand-values>figure{width:69%;height:587px}.brand-values>figure img{min-height:0;height:100%;object-fit:cover}
.value-copy{position:absolute;top:47px;right:0;width:49%;min-height:492px;padding:65px 10%;background:#e33f40;color:white}
.value-copy h2{font-size:30px;white-space:nowrap;color:white;text-align:center;margin:0 0 42px;letter-spacing:0}
.value-copy p{font-size:17px;line-height:2.4;letter-spacing:1px}
.contact-section{background:#f4f0ed;text-align:center;padding:310px 24px 55px;font-size:17px}.contact-section h2{display:none}
.home .site-footer,.korvva-ja-home .site-footer{border-top:40px solid #e33f40;background:#f4f0ed;color:#111}.home .footer-inner,.korvva-ja-home .footer-inner{max-width:92%;margin-top:27px;border-top:1px solid #555;padding:8px 18%;font-size:14px}
@media(max-width:1100px){.hero-images{width:90vw;height:46.2vw}.hero-chip{width:30.1vw!important;height:31.1vw;left:2vw;top:11.8vw}.hero-bottle{width:37.8vw!important;height:39.6vw;left:34.9vw;top:6.5vw}.hero-cosmetic{width:24.2vw!important;height:25.3vw;left:64.9vw;top:2.4vw}.brand-hero{height:88.5vw;min-height:650px}.hero-heading{width:78vw}.hero-logo{width:59.2vw}.hero-heading h1{font-size:2.75vw}.brand-hero>p{font-size:2.3vw}.brand-intro{grid-template-columns:1fr 1.2fr;gap:55px;padding:80px 10%}.service-grid{padding:50px 25px;gap:20px;grid-template-columns:repeat(2,1fr)}.service-card p{text-align:center}.brand-values{width:90%}.value-copy{padding:40px 5%;width:52%}.value-copy h2{white-space:normal}}
@media(max-width:800px){.home .header-inner,.korvva-ja-home .header-inner{height:auto;min-height:69px;flex-wrap:wrap;padding:5px 20px}.home .header-nav,.korvva-ja-home .header-nav{order:4;margin:0}.brand-intro{font-size:17px}.services-section>h2{font-size:60px}.brand-values{margin-top:80px}.brand-values>figure{width:100%;height:380px}.value-copy{position:relative;width:90%;margin:-65px 0 0 auto;top:0;min-height:0;padding:45px 32px}.contact-section{padding-top:100px}.hero-heading{display:flex}.hero-logo{margin:0}.hero-heading h1{text-align:left;white-space:pre-line}.brand-hero{min-height:0;height:90vw}.hero-images{margin-bottom:0}.home .footer-inner{padding:15px}}
@media(max-width:460px){.brand-intro{display:block;padding:45px 25px;min-height:0}.brand-intro:before{height:135px;background-position:center;background-size:90px;margin-bottom:25px}.services-section{padding:35px 15px 0}.services-section>h2{font-size:45px;margin-bottom:25px}.service-grid{gap:25px 12px;padding:30px 15px}.service-card figure{width:125px;height:130px}.service-card p{font-size:12px;padding:18px 6px 8px;border-radius:12px;white-space:normal}.hero-images figure:before{inset:4px 0 -7px -7px}.brand-values>figure{height:260px}.value-copy h2{font-size:24px}.value-copy p{font-size:16px}.contact-section{font-size:14px}.hero-heading h1{font-size:3vw}.hero-logo{width:59.2vw}.brand-hero>p{font-size:2.3vw}}

/* Match Wix: 25% image over #F3F0EE, without screen blending. */
.brand-hero{background-color:#f3f0ee;background-blend-mode:normal}
.home .site-header,.korvva-ja-home .site-header{background:#ededed;border:0;box-shadow:none}

/* Navigation typography and hover values measured from Wix. */
.site-header .main-menu{font-family:Montserrat,sans-serif;font-size:15px;font-weight:700;color:#4d4d4d}
.site-header .main-menu a{color:#4d4d4d;border-top:1px solid #000;padding:16px 8px 4px}
.site-header .main-menu a:hover,.site-header .main-menu a:focus-visible{color:#919191;border-top:4px solid #d33403;padding-top:13px}

/* Homepage contact details. */
.home .contact-section,.korvva-ja-home .contact-section{padding:170px 24px 65px;font-family:Montserrat,Arial,"Noto Sans TC",sans-serif;font-size:17px;line-height:1.8;color:#222}
.home .contact-section h2,.korvva-ja-home .contact-section h2{display:block;font-family:Montserrat,Arial,sans-serif;font-size:38px;font-weight:500;letter-spacing:0;line-height:1.3;margin:0 0 38px}
.home .contact-section>p,.korvva-ja-home .contact-section>p{margin:0 auto 7px;font-weight:400}
.home .contact-section>p:nth-of-type(1),.home .contact-section>p:nth-of-type(2),.korvva-ja-home .contact-section>p:nth-of-type(1),.korvva-ja-home .contact-section>p:nth-of-type(2){display:inline-block;margin:0 40px 28px}
.contact-social{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:25px}.contact-social a{display:block}.contact-social img{width:32px;height:32px;object-fit:contain}.contact-social a:hover{opacity:.65}
@media(max-width:600px){.home .contact-section,.korvva-ja-home .contact-section{padding:85px 24px 45px;font-size:14px}.home .contact-section h2,.korvva-ja-home .contact-section h2{font-size:30px;margin-bottom:25px}.home .contact-section>p:nth-of-type(1),.home .contact-section>p:nth-of-type(2),.korvva-ja-home .contact-section>p:nth-of-type(1),.korvva-ja-home .contact-section>p:nth-of-type(2){display:block;margin:0 0 12px}}

@font-face{font-family:KorvvaPoppins;src:url('fonts/poppins-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
.home .contact-section,.korvva-ja-home .contact-section{font-family:KorvvaPoppins,sans-serif;font-size:17px;line-height:30.6px;letter-spacing:normal;color:#000}
.home .contact-section h2,.korvva-ja-home .contact-section h2{font-family:KorvvaPoppins,sans-serif;font-size:100px;font-weight:700;line-height:1.4;letter-spacing:normal;margin-bottom:38px}
@media(max-width:800px){.home .contact-section h2,.korvva-ja-home .contact-section h2{font-size:clamp(40px,9vw,70px)}}
@media(max-width:600px){.home .contact-section,.korvva-ja-home .contact-section{font-size:14px;line-height:1.8}}

/* Larger homepage masthead mark. */
.home .header-inner,.korvva-ja-home .header-inner{height:88px}
.home .site-logo img,.korvva-ja-home .site-logo img{width:64px;height:78px;object-fit:contain}
@media(max-width:800px){.home .header-inner,.korvva-ja-home .header-inner{height:auto;min-height:80px}.home .site-logo img,.korvva-ja-home .site-logo img{width:56px;height:68px}}

/* Shared masthead for all pages and languages. */
body .site-header{background:#ededed;border:0;box-shadow:none}
body .site-header .header-inner{max-width:1100px;height:88px;padding:5px 12px;gap:24px}
body .site-header .site-logo img{width:64px;height:78px;object-fit:contain}
body .site-header .header-nav{margin-left:auto}
body .site-header .main-menu{gap:10px;font-family:Montserrat,sans-serif;font-size:15px;font-weight:700;color:#4d4d4d}
.main-menu>li{position:relative}.shop-menu{padding-right:20px}
.shop-submenu-toggle{position:absolute;right:0;top:15px;padding:0 2px;border:0;background:transparent;color:#4d4d4d;font-size:17px;cursor:pointer}
.site-header .main-menu .shop-submenu{display:none;position:absolute;top:100%;left:0;min-width:150px;list-style:none;margin:0;padding:8px 0;background:#ededed;box-shadow:0 8px 16px #00000012;z-index:20}
.site-header .main-menu .shop-submenu a{border:0;padding:12px 18px;white-space:nowrap;font-size:15px;line-height:1.5}
.site-header .main-menu .shop-submenu a:hover{border:0;padding:12px 18px;color:#919191;background:#f5f2ef}
.shop-menu:hover>.shop-submenu,.shop-menu:focus-within>.shop-submenu,.shop-menu.is-open>.shop-submenu{display:block}
@media(max-width:800px){body .site-header .header-inner{height:auto;min-height:80px;padding:5px 20px;flex-wrap:wrap}body .site-header .site-logo img{width:56px;height:68px}body .site-header .header-nav{order:4;margin:0;flex-basis:100%}.site-header .main-menu .shop-submenu{position:static;box-shadow:none;margin:0 0 8px;padding-left:12px}.shop-submenu-toggle{right:8px;top:10px;padding:5px 12px}}

.shop-menu{padding-right:0}