@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/dm-sans-400.woff) format('woff');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/dm-sans-500.woff) format('woff');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/dm-sans-600.woff) format('woff');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/dm-sans-700.woff) format('woff');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/dm-sans-800.woff) format('woff');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/manrope-400.woff) format('woff');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/manrope-500.woff) format('woff');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/manrope-600.woff) format('woff');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/manrope-700.woff) format('woff');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/manrope-800.woff) format('woff');
}

:root{--ink:#151515;--paper:#fff;--surface:#f5f4f0;--soft:#ece9e3;--red:#ed312b;--muted:#6e6d69;--line:#dedcd6;--max:1390px;--font:'Manrope','DM Sans',Arial,'PingFang SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font);background:#fff;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--red);outline-offset:3px}::selection{background:#ed312b;color:#fff}.container{max-width:var(--max);padding:0 5.4%;margin:auto}.eyebrow{display:flex;align-items:center;gap:12px;text-transform:uppercase;font-size:11px;letter-spacing:2.1px;font-weight:800}.eyebrow:before{content:'';height:2px;width:28px;background:currentColor}.eyebrow.red{color:var(--red)}.label{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.red{color:var(--red)}.display{font-size:clamp(54px,6.2vw,110px);line-height:1.04;font-weight:800;letter-spacing:-.065em;margin:23px 0}.section-title{font-size:clamp(41px,4.8vw,74px);line-height:1.1;letter-spacing:-.055em;font-weight:800;margin:17px 0 0}.body-text{font-size:16px;line-height:1.9;color:#686765}.lead{font-size:clamp(17px,1.65vw,22px);line-height:1.8;color:#565553}.sm-note{font-size:12px;color:#8c8a85;line-height:1.7}.arrow{display:inline-block;font-size:21px;font-weight:400;line-height:1;transition:transform .2s}.btn:hover .arrow,.text-link:hover .arrow{transform:translate(4px,-3px)}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:19px 23px;background:var(--red);color:#fff;border:1px solid var(--red);font-size:12px;font-weight:800;letter-spacing:.7px;line-height:1.25;transition:background .2s,border .2s,transform .2s}.btn:hover{background:#c91f1a;border-color:#c91f1a;transform:translateY(-2px)}.btn.dark{background:#181818;border-color:#181818}.btn.dark:hover{background:#3d3d3d}.btn.outline{background:transparent;color:var(--ink);border-color:var(--ink)}.btn.outline:hover{background:var(--ink);color:#fff}.btn.white{color:#111;background:white;border-color:white}.btn.white:hover{background:#e9e9e9}.text-link{display:inline-flex;gap:28px;align-items:center;font-size:12px;font-weight:800;letter-spacing:1px;border-bottom:1px solid currentColor;padding-bottom:10px}.top-strip{background:#171717;color:#fff;min-height:35px;display:flex;align-items:center;font-size:10px;letter-spacing:2px;font-weight:700}.strip-inner{display:flex;justify-content:space-between;gap:20px;width:100%;align-items:center}.top-strip .strip-right{opacity:.66}.site-header{height:82px;position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #e9e7e2;transition:box-shadow .2s}.site-header.scrolled{box-shadow:0 10px 30px #0000000d}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{font-size:37px;letter-spacing:-3px;line-height:.85;font-weight:800;display:inline-flex;flex-direction:column;align-items:flex-start}.wordmark .dot{color:var(--red)}.wordmark small{font-size:8px;letter-spacing:3.4px;margin:10px 0 0 2px;font-weight:800}.nav-wrap{display:flex;align-items:center;gap:43px}.nav-list{display:flex;align-items:center;gap:32px}.nav-link{font-size:12px;letter-spacing:.2px;font-weight:800;position:relative;padding:31px 0}.nav-link:hover,.nav-link.active{color:var(--red)}.nav-link.active:after{content:'';height:3px;background:var(--red);position:absolute;bottom:-1px;left:0;right:0}.lang-switch{display:inline-flex;align-items:center;border:1px solid #d6d4ce;padding:5px;gap:4px}.lang-switch button{border:0;background:none;font-size:11px;font-weight:800;color:#777;padding:6px 7px}.lang-switch button.active{background:#171717;color:#fff}.mobile-toggle{display:none;border:0;background:none;padding:11px;color:#171717}.mobile-toggle svg{height:24px;width:24px}.hero-home{background:#f5f3ef;overflow:hidden;min-height:656px;display:grid;grid-template-columns:minmax(0,46%) minmax(0,54%)}.hero-content{padding:96px max(42px,calc((100vw - var(--max)) / 2 + 75px)) 85px max(35px,calc((100vw - var(--max)) / 2 + 75px));display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}.hero-content h1{font-size:clamp(55px,5.9vw,94px);letter-spacing:-.072em;line-height:1.12;margin:24px 0 27px;font-weight:800}.hero-content h1 span{color:var(--red)}.hero-content .hero-lead{font-size:14px;color:#60605d;line-height:2.1;margin:0;max-width:470px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}.hero-actions .btn{min-width:182px}.hero-images{min-height:656px;display:grid;grid-template-columns:1.05fr .95fr;grid-template-rows:1fr 1fr;gap:8px;background:#f5f3ef;padding:8px 8px 8px 0;position:relative}.hero-image-cell{position:relative;overflow:hidden;display:block;background:#d6d3ca}.hero-image-cell.large{grid-row:span 2}.hero-image-cell img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.hero-image-cell:hover img{transform:scale(1.07)}.hero-image-cell:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(0deg,#000a,transparent);pointer-events:none}.hero-image-info{position:absolute;bottom:30px;left:30px;right:20px;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:9px;color:#fff}.hero-image-info b{font-size:clamp(21px,2vw,32px);letter-spacing:-1.5px;font-weight:800}.hero-image-info small{display:block;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:1.5px;margin-top:7px}.round-ic{border:1px solid #ffffffa8;border-radius:100%;height:37px;width:37px;display:flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0}.home-ticker{background:#181818;color:white;overflow:hidden}.ticker-inner{min-height:87px;display:flex;gap:35px;align-items:center;justify-content:space-between}.ticker-item{display:flex;gap:16px;align-items:center;min-width:0}.ticker-item strong{font-size:36px;letter-spacing:-2px;font-weight:800;line-height:1}.ticker-item span{font-size:11px;line-height:1.7;letter-spacing:.8px;color:#d1cfca}.ticker-separator{height:40px;width:1px;background:#5f5c58;flex-shrink:0}.section{padding:112px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:42px}.section-head .summary{max-width:450px;margin:0;color:#686765;font-size:14px;line-height:1.9}.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.brand-card{min-width:0;position:relative;background:#f5f3ee}.brand-image{height:345px;display:block;overflow:hidden;position:relative;background:#d8d5cc}.brand-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.brand-card:hover .brand-image img{transform:scale(1.065)}.card-number{position:absolute;top:19px;left:19px;padding:9px 12px;background:white;color:#1c1c1c;font-size:10px;font-weight:800;letter-spacing:1px}.brand-card-body{padding:31px 29px 29px}.brand-card-body .brand-name{font-size:clamp(25px,2.5vw,37px);font-weight:800;letter-spacing:-1.6px;line-height:1.1;margin:14px 0 16px;overflow-wrap:anywhere}.brand-card-body .brand-description{font-size:13px;color:#6c6a66;line-height:1.85;min-height:73px;margin:0}.brand-card-body .card-bottom{padding-top:19px;margin-top:21px;border-top:1px solid #dad7d1;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;font-weight:800}.brand-card-body .card-bottom .arrow{color:var(--red);font-size:24px}.feature-band{background:#f0efea;padding:66px 0 66px;overflow:hidden}.feature-band-inner{display:grid;grid-template-columns:1.15fr .9fr;align-items:center;gap:60px}.feature-band h2{font-size:clamp(40px,4.2vw,65px);line-height:1.13;letter-spacing:-.055em;margin:20px 0 26px}.feature-band p{color:#6b6865;font-size:14px;line-height:2;margin:0 0 25px;max-width:580px}.area-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.area-item{background:white;min-height:185px;padding:25px 17px;display:flex;flex-direction:column;justify-content:space-between}.area-item .area-icon{font-size:28px;color:var(--red);font-weight:800;line-height:1}.area-item b{font-size:14px;line-height:1.5}.area-item small{display:block;color:#8a8780;font-size:10px;letter-spacing:.7px;margin-top:6px}.about-home{background:#1a1a1a;color:#fff;display:grid;grid-template-columns:1fr 1fr;min-height:580px}.about-home-visual{position:relative;overflow:hidden;background:#282822}.about-home-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:brightness(.72)}.about-home-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,#0007)}.image-sticker{position:absolute;bottom:40px;left:8%;background:var(--red);z-index:3;padding:26px;color:#fff;max-width:290px}.image-sticker strong{font-size:32px;letter-spacing:-1.5px;display:block;line-height:1}.image-sticker span{font-size:10px;text-transform:uppercase;letter-spacing:2px;display:block;margin-top:9px}.about-home-copy{padding:104px max(45px,calc((100vw - var(--max)) / 2 + 45px)) 100px 9%;display:flex;align-items:start;flex-direction:column;justify-content:center}.about-home-copy h2{font-size:clamp(44px,4.5vw,72px);letter-spacing:-.06em;line-height:1.14;margin:24px 0}.about-home-copy p{max-width:540px;color:#c9c7c2;font-size:14px;line-height:2.1}.about-home-copy .btn{margin-top:25px}.contact-cta{background:var(--red);color:white;padding:90px 0}.contact-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.contact-cta h2{font-size:clamp(42px,4.8vw,72px);line-height:1.14;letter-spacing:-.06em;margin:18px 0 0}.contact-cta .eyebrow{color:#ffe9e8}.contact-cta p{opacity:.87;font-size:14px;line-height:1.8;margin:19px 0 0}.footer{background:#171717;color:white;padding:62px 0 22px}.footer-main{display:flex;align-items:flex-start;justify-content:space-between;gap:35px;padding-bottom:64px}.footer .wordmark{font-size:42px}.footer .wordmark small{color:#a3a09b}.footer-tagline{font-size:13px;max-width:340px;color:#b4b1ae;line-height:1.9;margin-top:25px}.footer-links{display:flex;gap:70px}.footer-links .column{display:flex;flex-direction:column;align-items:start;gap:17px}.footer-links .column-title{color:#76736e;letter-spacing:1.6px;font-size:11px;font-weight:800;text-transform:uppercase;margin-bottom:5px}.footer-links a{font-size:12px;color:#d0cfcd}.footer-links a:hover{color:white}.footer-end{border-top:1px solid #41413e;padding:22px 0 0;color:#999792;display:flex;justify-content:space-between;font-size:10px;gap:20px;line-height:1.7}.page-masthead{background:#f4f2ed;padding:78px 0 71px;position:relative;overflow:hidden}.page-masthead:after{content:'';width:450px;height:450px;border:80px solid #efede6;border-radius:50%;position:absolute;right:-100px;top:-180px;pointer-events:none}.page-masthead .container{position:relative;z-index:2}.page-masthead h1{font-size:clamp(58px,7.9vw,122px);line-height:1.05;letter-spacing:-.07em;font-weight:800;margin:21px 0 16px}.page-masthead p{font-size:15px;max-width:630px;line-height:1.9;color:#6d6b66;margin:0}.crumbs{font-size:11px;letter-spacing:1.3px;display:flex;gap:13px;align-items:center;color:#8a8884;font-weight:800}.crumbs .current{color:var(--red)}.brand-intro{display:flex;align-items:stretch;gap:0;background:#181818;color:white;min-height:430px}.brand-intro-copy{width:52%;padding:85px max(42px,calc((100vw - var(--max))/2 + 70px));display:flex;flex-direction:column;align-items:start;justify-content:center}.brand-intro-copy h2{font-size:clamp(43px,4.4vw,72px);letter-spacing:-.05em;line-height:1.15;margin:18px 0 15px}.brand-intro-copy p{font-size:14px;color:#c8c5c0;line-height:2;max-width:470px}.brand-intro-visual{width:48%;position:relative;min-height:430px;overflow:hidden}.brand-intro-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.brand-intro-visual .label-overlay{position:absolute;right:24px;bottom:22px;background:var(--red);color:#fff;padding:14px 18px;letter-spacing:2px;font-size:11px;font-weight:800}.brand-stacked{display:grid;gap:18px}.brand-row{display:grid;grid-template-columns:1.05fr .95fr;min-height:450px;background:#f3f1ec}.brand-row:nth-child(even) .row-picture{order:2}.brand-row .row-picture{position:relative;overflow:hidden;display:block;background:#cfcbbf}.brand-row .row-picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}.brand-row:hover .row-picture img{transform:scale(1.045)}.brand-row .row-copy{padding:58px 10%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.brand-row h2{font-size:clamp(36px,4.1vw,66px);line-height:1.08;letter-spacing:-.057em;margin:17px 0 20px;overflow-wrap:anywhere}.brand-row p{font-size:14px;line-height:2;color:#696763;max-width:500px;margin:0 0 27px}.brand-row .number{color:#b2afa9;letter-spacing:1px;font-size:12px;font-weight:800;margin-bottom:12px}.brand-row .round-go{position:absolute;right:26px;bottom:24px;width:51px;height:51px;border-radius:50%;background:white;display:grid;place-items:center;font-size:25px;z-index:2;transition:background .2s,color .2s}.brand-row:hover .round-go{background:var(--red);color:white}.subsection{padding:100px 0}.two-col{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.two-col p{font-size:15px;line-height:2;color:#676562;margin-top:3px}.brand-detail-hero{min-height:595px;display:grid;grid-template-columns:48% 52%;background:#f3f1ec}.brand-detail-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:85px max(35px,calc((100vw - var(--max))/2 + 70px))}.brand-detail-copy h1{font-size:clamp(49px,5.65vw,92px);letter-spacing:-.072em;line-height:1.08;margin:27px 0 21px;overflow-wrap:anywhere}.brand-detail-copy p{color:#63605b;font-size:15px;line-height:1.95;max-width:470px}.brand-detail-visual{position:relative;background:#cbc8bc;min-height:595px;overflow:hidden}.brand-detail-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.brand-detail-visual .stamp{position:absolute;bottom:30px;left:30px;padding:16px 20px;background:#fff;font-size:11px;letter-spacing:1px;font-weight:800}.detail-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}.detail-box{padding:30px 30px 35px;background:#f5f3ef;min-height:220px}.detail-box .detail-no{font-size:11px;font-weight:800;color:var(--red)}.detail-box h3{font-size:23px;line-height:1.3;letter-spacing:-.6px;margin:25px 0 12px}.detail-box p{font-size:13px;color:#6d6a65;line-height:1.9}.back-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:29px}.placeholder-note{font-size:12px;line-height:1.7;color:#87837e;max-width:460px}.button-disabled{opacity:.62;cursor:not-allowed;background:#777;border-color:#777}.button-disabled:hover{background:#777;border-color:#777;transform:none}.about-hero{display:grid;grid-template-columns:52% 48%;min-height:540px}.about-hero-visual{position:relative;overflow:hidden;background:#242824}.about-hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.about-hero-copy{padding:75px 10%;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;background:#f2f0eb}.about-hero-copy h2{font-size:clamp(41px,4.4vw,73px);letter-spacing:-.056em;line-height:1.18;margin:23px 0}.about-hero-copy p{font-size:15px;line-height:2;color:#66635f;max-width:520px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value{border-top:3px solid var(--red);padding:30px;background:#f4f2ec}.value .num{color:#b5b1ab;font-size:12px;font-weight:800}.value h3{font-size:28px;line-height:1.2;margin:45px 0 15px;letter-spacing:-1px}.value p{font-size:13px;line-height:1.9;color:#77736e}.business-types{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.business-type{position:relative;aspect-ratio:3/4;background:#e2ded5;overflow:hidden;display:flex;align-items:flex-end}.business-type:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(0deg,#000b,transparent)}.business-type img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.business-type:hover img{transform:scale(1.06)}.business-type div{position:relative;z-index:2;padding:18px;color:white}.business-type div b{font-size:clamp(16px,1.8vw,23px);letter-spacing:-.5px;display:block}.business-type div small{font-size:10px;letter-spacing:1.3px;display:block;margin-top:6px;opacity:.8}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-card{padding:60px;background:#f3f1ec;min-height:425px}.contact-card.dark{background:#181818;color:white}.contact-card h2{font-size:clamp(35px,3.7vw,58px);letter-spacing:-.055em;line-height:1.14;margin:30px 0 18px}.contact-card p{font-size:14px;color:#6d6963;line-height:2;max-width:450px}.contact-card.dark p{color:#c0bcb6}.contact-info-row{display:flex;align-items:center;gap:15px;border-top:1px solid #ccc9c3;padding:25px 0;margin-top:40px;font-size:14px;font-weight:700}.contact-info-row .arrow{color:var(--red)}.contact-card .not-set{font-size:12px;font-weight:700;color:#bf4b47}.contact-card.dark .not-set{color:#f1928e}.status-message{padding:18px 20px;background:#f4f1ec;border-left:3px solid var(--red);color:#6d6963;font-size:13px;line-height:1.9;margin-top:20px}.float-top{position:fixed;right:20px;bottom:20px;background:var(--red);color:#fff;border:0;width:43px;height:43px;font-size:19px;z-index:40;opacity:0;pointer-events:none;transition:opacity .2s}.float-top.visible{opacity:1;pointer-events:all}[data-lang-hidden]{display:none!important}
@media(max-width:1200px){.nav-wrap{gap:25px}.nav-list{gap:23px}.hero-content{padding:75px 6%}.hero-content h1{font-size:clamp(55px,5.9vw,82px)}.hero-images{min-height:570px}.brand-image{height:280px}.area-grid{grid-template-columns:repeat(3,1fr)}.area-item{min-height:145px}.brand-intro-copy,.brand-detail-copy{padding:65px 8%}}
@media(max-width:900px){.container{padding:0 5%}.site-header{height:71px}.mobile-toggle{display:block}.header-inner{gap:18px}.wordmark{font-size:32px}.nav-wrap{display:none;position:absolute;left:0;right:0;top:71px;flex-direction:column;align-items:stretch;gap:0;background:#fff;padding:14px 5% 25px;box-shadow:0 18px 25px #00000016;border-top:1px solid #eee}.nav-wrap.open{display:flex}.nav-list{flex-direction:column;align-items:stretch;gap:0}.nav-link{display:block;padding:17px 7px;border-bottom:1px solid #eeece8}.nav-link.active:after{display:none}.lang-switch{align-self:flex-start;margin-top:19px}.hero-home{grid-template-columns:1fr}.hero-content{padding:70px 5%}.hero-content h1{font-size:clamp(58px,9vw,85px)}.hero-images{padding:0;min-height:420px;height:460px;gap:5px}.ticker-inner{min-height:105px}.brand-grid{gap:13px}.brand-card-body{padding:22px 17px}.brand-image{height:215px}.brand-card-body .brand-name{font-size:23px}.brand-card-body .brand-description{min-height:102px}.section{padding:80px 0}.about-home{grid-template-columns:1fr}.about-home-visual{min-height:400px}.about-home-copy{padding:70px 6% 80px}.feature-band-inner{grid-template-columns:1fr;gap:20px}.brand-intro-copy{padding:65px 6%}.brand-intro-visual{min-height:400px}.brand-row{min-height:385px}.brand-row .row-copy{padding:45px 7%}.brand-detail-copy{padding:60px 6%}.brand-detail-visual{min-height:495px}.about-hero-copy{padding:60px 7%}.business-types{grid-template-columns:repeat(3,1fr)}.footer-links{gap:35px}.contact-card{padding:45px 35px}}
@media(max-width:650px){.top-strip .strip-right{display:none}.top-strip{min-height:32px}.strip-inner{justify-content:center;text-align:center}.site-header{height:68px}.nav-wrap{top:68px}.hero-content{padding:61px 5% 66px}.hero-content h1{font-size:clamp(49px,12vw,74px)}.hero-content .hero-lead{font-size:13px}.hero-images{min-height:365px;height:385px}.hero-image-info{bottom:16px;left:15px;right:12px}.hero-image-info b{font-size:18px;letter-spacing:-.8px}.hero-image-info small{font-size:8px}.round-ic{height:30px;width:30px;font-size:18px}.home-ticker .ticker-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:23px 5%}.ticker-separator{display:none}.ticker-item{display:block;border-right:1px solid #585551;text-align:center;padding:0 7px}.ticker-item:last-child{border:0}.ticker-item strong{font-size:28px;display:block}.ticker-item span{font-size:9px;display:block;margin-top:9px}.section{padding:68px 0}.section-head{display:block;margin-bottom:32px}.section-head .summary{margin-top:22px}.section-title{font-size:clamp(40px,10vw,60px)}.brand-grid{grid-template-columns:1fr;gap:17px}.brand-image{height:270px}.brand-card-body{padding:25px}.brand-card-body .brand-description{min-height:0}.brand-card-body .brand-name{font-size:32px}.feature-band{padding:62px 0}.feature-band h2{font-size:43px}.area-grid{grid-template-columns:repeat(2,1fr);gap:10px}.area-item{min-height:143px}.about-home-visual{min-height:320px}.about-home-copy{padding:65px 5%}.about-home-copy h2{font-size:46px}.image-sticker{padding:18px;bottom:20px;left:5%}.image-sticker strong{font-size:25px}.contact-cta{padding:67px 0}.contact-cta-inner{display:block}.contact-cta .btn{margin-top:28px}.contact-cta h2{font-size:48px}.footer{padding:55px 0 22px}.footer-main{display:block;padding-bottom:42px}.footer-links{margin-top:40px;justify-content:space-between}.footer-end{display:block}.footer-end span{display:block;margin-top:10px}.page-masthead{padding:65px 0 57px}.page-masthead h1{font-size:clamp(55px,11vw,76px)}.page-masthead p{font-size:13px}.brand-intro{display:block}.brand-intro-copy{width:100%;padding:65px 5%}.brand-intro-visual{width:100%;min-height:310px}.brand-row{display:flex;flex-direction:column}.brand-row .row-picture{min-height:280px}.brand-row:nth-child(even) .row-picture{order:0}.brand-row .row-copy{padding:45px 6%}.brand-row h2{font-size:48px}.brand-detail-hero{display:flex;flex-direction:column}.brand-detail-copy{padding:63px 5%}.brand-detail-copy h1{font-size:clamp(47px,10vw,68px)}.brand-detail-visual{min-height:385px}.detail-grid{grid-template-columns:1fr}.detail-box{min-height:0}.subsection{padding:70px 0}.two-col{grid-template-columns:1fr;gap:20px}.about-hero{display:flex;flex-direction:column}.about-hero-visual{min-height:300px}.about-hero-copy{padding:58px 6%}.values{grid-template-columns:1fr}.value h3{margin-top:28px}.business-types{grid-template-columns:repeat(2,1fr)}.contact-layout{grid-template-columns:1fr}.contact-card{min-height:0;padding:40px 30px}.contact-card h2{font-size:41px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
[hidden]{display:none!important}
.feature-band-inner{grid-template-columns:1fr;gap:28px}
.feature-band-inner>div:first-child{max-width:700px}

.hero-content h1 > span:first-child{color:var(--ink)}
.hero-content h1 .red span{color:var(--red)}

/* v4 — dedicated store action, enterprise footer, B2B forms */
.nav-wrap{gap:23px}.nav-list{gap:25px}.nav-store{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--red);color:#fff;padding:14px 16px;font-size:12px;font-weight:800;white-space:nowrap;transition:background .2s,transform .2s}.nav-store:hover{background:#c9201b;transform:translateY(-2px)}.nav-store .store-arrow{font-size:17px;line-height:1}
.footer{background:#171717;color:white;padding:0}.footer-cta{background:var(--red);padding:47px 0}.footer-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.footer-cta h2{font-size:clamp(30px,3.3vw,49px);letter-spacing:-.045em;line-height:1.15;margin:12px 0}.footer-cta p{max-width:620px;color:#ffe6e4;font-size:13px;line-height:1.7;margin:0}.footer-cta .eyebrow{font-size:10px;letter-spacing:2.1px;color:#fff5f4}.footer-cta-button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;padding:18px 23px;background:white;color:#171717;font-size:13px;font-weight:800;white-space:nowrap;transition:background .2s}.footer-cta-button:hover{background:#eee8e6}.footer-cta-button span:last-child{font-size:20px;font-weight:400}
.footer-shell{padding-top:65px}.footer-main-v4{display:grid;grid-template-columns:minmax(250px,1.15fr) minmax(0,2fr);gap:8%;padding-bottom:55px}.footer-identity .wordmark{font-size:44px}.footer-identity .footer-tagline{max-width:320px;margin-top:29px}.footer-motto{font-size:10px;letter-spacing:2px;font-weight:800;color:#f0b7b5;margin-top:25px}.footer-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.footer-column{display:flex;flex-direction:column;gap:17px;min-width:0}.footer-column h3{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#95918d;margin:0 0 11px;font-weight:800}.footer-column a{font-size:12px;color:#d4d0cb;line-height:1.5;transition:color .2s}.footer-column a:hover,.footer-bottom a:hover{color:#fff}.footer-column a span[aria-hidden]{margin-left:7px;color:#ef5853}.footer-bottom{border-top:1px solid #43413e;padding:24px 0 27px;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:11px;color:#a49f99}.footer-bottom p{margin:0}.footer-bottom-links{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.footer-bottom-links a{color:#b6b1ac}.footer-locale{border-left:1px solid #605b57;padding-left:22px;color:#aaa49e}
.footer-social:not([hidden]){display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.social-pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid #5b5854;min-width:36px;height:36px;padding:0 9px;color:#eae7e4;border-radius:50%;font-size:13px;font-weight:800}.social-pill:hover{border-color:#ff5951;background:#262221}
.b2b-section{background:#f7f5f1;padding:84px 0}.b2b-header{max-width:720px;margin-bottom:38px}.b2b-header p{max-width:650px;font-size:14px;line-height:1.85;color:#706d69}.b2b-form{background:#fff;padding:42px;box-shadow:0 12px 48px #1f1b1508}.b2b-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.field{display:flex;flex-direction:column;gap:10px;font-size:12px;font-weight:800;color:#302e2b}.field>span:nth-child(2){display:none}.field:has([required])>span:nth-child(2){display:inline;color:#ed312b}.field input,.field select,.field textarea{width:100%;padding:13px 14px;font:inherit;font-size:14px;font-weight:500;color:#1c1c1b;background:#fff;border:1px solid #d5d1cc;border-radius:0;min-height:48px}.field textarea{resize:vertical;line-height:1.7}.field select{cursor:pointer}.field.full{margin-top:23px}.b2b-form-end{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:22px}.b2b-submit-copy{max-width:640px}.b2b-submit-copy p{font-size:12px;line-height:1.8;color:#74706a}.b2b-submit-copy .form-status{margin:10px 0 0;color:#bb2722;font-weight:700}.b2b-submit{cursor:pointer}.b2b-types{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0 28px}.b2b-types span{display:inline-flex;border:1px solid #6d6863;color:#e7ded8;padding:8px 12px;font-size:11px;font-weight:700}
.legal-content .container{max-width:950px}.legal-content h2{font-size:25px;margin:40px 0 13px}.legal-content p{font-size:14px;line-height:2;color:#575450}.legal-notice{background:#f6f1eb;border-left:4px solid var(--red);padding:23px 27px}.legal-notice strong{font-size:15px}.legal-notice p{margin-bottom:0}.legal-inline-link{color:#d32623;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1200px){.nav-wrap{gap:15px}.nav-list{gap:18px}.nav-store{gap:11px;padding:12px}.footer-main-v4{gap:5%}}
@media(max-width:900px){.nav-wrap{gap:0}.nav-store{align-self:flex-start;margin-top:20px;padding:14px 20px}.footer-main-v4{grid-template-columns:1fr;gap:45px}.footer-columns{gap:20px}.footer-shell{padding-top:55px}}
@media(max-width:650px){.footer-cta{padding:45px 0}.footer-cta-inner{display:block}.footer-cta-button{margin-top:22px}.footer-main-v4{display:block;padding-bottom:40px}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:33px 20px;margin-top:45px}.footer-column{gap:13px}.footer-column h3{margin-bottom:7px}.footer-bottom{display:block}.footer-bottom-links{margin-top:17px;gap:12px 20px}.footer-locale{border:0;padding:0}.b2b-section{padding:60px 0}.b2b-form{padding:23px 18px}.b2b-form-grid{grid-template-columns:1fr;gap:17px}.b2b-form-end{display:block}.b2b-submit{width:100%;margin-top:14px}.legal-content h2{font-size:22px}.legal-notice{padding:19px}}


/* v5 — full-color, accessible footer platform strip */
.footer-connect{border-top:1px solid #383634;padding:34px 0 38px;display:flex;align-items:center;justify-content:space-between;gap:36px}
.footer-connect-label{flex:1 1 250px;min-width:180px}
.footer-connect-label .connect-eyebrow{font-size:10px;letter-spacing:2.7px;color:#f0786b;font-weight:800}
.footer-connect-label h3{font-size:clamp(22px,2.1vw,30px);letter-spacing:-.035em;margin:11px 0 8px;line-height:1.2}
.footer-connect-label p{font-size:12px;color:#aaa6a0;margin:0;line-height:1.7}
.footer-social-media{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:17px;align-items:center}
.social-tile{width:78px;height:78px;border-radius:21px;display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;position:relative;transition:transform .22s ease,box-shadow .22s ease;box-shadow:0 5px 22px #00000022}
a.social-tile:hover{transform:translateY(-5px);box-shadow:0 10px 28px #0008}
a.social-tile:focus-visible{outline:3px solid #fff;outline-offset:4px}
.social-tile svg{width:65px;height:65px;display:block}
.social-instagram{background:radial-gradient(circle at 23% 105%,#ffd776 0%,#f9a21b 20%,#f43f56 47%,#bb16af 70%,#4f48e9 100%)}
.social-facebook{background:#1977f3}
.social-tiktok{background:#050505}
.social-takealot{background:#1779b8}
.takealot-type{font-family:'DM Sans',Arial,sans-serif;font-size:19px;letter-spacing:-1.15px;font-weight:900;line-height:1;color:#fff;white-space:nowrap;position:relative;transform:translateY(-1px)}
.takealot-com{font-size:8px;letter-spacing:-.2px;font-weight:800;position:absolute;right:0;bottom:-11px;color:#fff}
.social-awaiting-url{cursor:default}
.social-awaiting-url:after{content:'';position:absolute;inset:0;border:2px solid #ffffff32;border-radius:inherit;pointer-events:none}
@media(max-width:1000px){.footer-connect{align-items:flex-start;flex-direction:column;gap:20px}.footer-connect-label{flex-basis:auto}.footer-social-media{justify-content:flex-start}}
@media(max-width:650px){.footer-connect{padding:31px 0 34px}.footer-social-media{gap:11px}.social-tile{width:clamp(49px,15vw,67px);height:clamp(49px,15vw,67px);border-radius:15px}.social-tile svg{width:85%;height:85%}.takealot-type{font-size:clamp(12px,3.2vw,17px)}.takealot-com{font-size:7px;bottom:-8px}}
@media(prefers-reduced-motion:reduce){.social-tile{transition:none}}


/* ============================================== */
/* KYMDO V6 — compact modern typography + vintage identity */
/* ============================================== */
:root { --gold:#ffca27; --forest:#213617; --forest-ink:#e8edde; }
/* Corporate layout stays modern; the retro lockup is deliberately distinctive. */
.site-header{height:88px}
.header-inner{gap:18px}
.brand-header-mark{flex:0 0 auto;display:inline-flex;align-items:center;width:165px;max-width:24vw;line-height:0}
.brand-header-mark img{display:block;width:100%;height:auto;object-fit:contain}
.nav-wrap{gap:17px}
.nav-list{gap:22px}
.nav-link{font-size:11.5px;padding:33px 0;font-weight:750}
.nav-store{font-size:11.5px;padding:13px 15px}
.hero-home{min-height:580px}
.hero-images{min-height:580px}
.hero-content{padding-top:82px;padding-bottom:75px}
.hero-content h1{font-size:clamp(43px,4.7vw,75px);line-height:1.14;letter-spacing:-.055em;margin:18px 0 22px}
.hero-content .hero-lead{font-size:13px;line-height:1.9}
.display{font-size:clamp(46px,5.2vw,86px);line-height:1.1;letter-spacing:-.055em}
.section-title{font-size:clamp(36px,3.8vw,59px);line-height:1.15;letter-spacing:-.043em}
.section{padding:86px 0}
.section-head{margin-bottom:34px}
.section-head .summary{font-size:13px;line-height:1.85}
.lead{font-size:clamp(15px,1.4vw,18px)}
.body-text{font-size:14px}
.brand-image{height:300px}
.brand-card-body .brand-name{font-size:clamp(22px,2.1vw,32px);letter-spacing:-.9px}
.feature-band h2{font-size:clamp(35px,3.7vw,54px);letter-spacing:-.043em}
.about-home-copy h2{font-size:clamp(37px,3.8vw,59px);letter-spacing:-.045em}
.contact-cta h2{font-size:clamp(35px,4vw,57px);letter-spacing:-.045em}
.page-masthead h1{font-size:clamp(49px,6.1vw,90px);letter-spacing:-.052em}
.brand-row h2{font-size:clamp(33px,3.4vw,52px);letter-spacing:-.045em}
.brand-detail-copy h1{font-size:clamp(44px,4.7vw,75px);letter-spacing:-.052em}
.about-hero-copy h2{font-size:clamp(35px,3.6vw,59px);letter-spacing:-.045em}
.image-sticker strong{font-size:26px}
/* Footer composition mirrors the user's reference: logo + three integrated columns. */
.footer-v6{background:var(--forest);color:#f7f8ee;padding:0}
.footer-v6 .footer-shell{padding-top:55px}
.footer-main-v6{display:grid;grid-template-columns:minmax(200px,1.12fr) minmax(0,2.35fr);gap:7%;padding-bottom:56px;align-items:start}
.footer-identity-v6{min-width:0}
.footer-brand-lockup{display:block;width:220px;max-width:100%;margin:-2px 0 0;line-height:0}
.footer-brand-lockup img{width:100%;height:auto;display:block;filter:none}
.footer-v6 .footer-tagline{color:#d7e4cb;font-size:12.5px;line-height:1.85;margin:13px 0 24px;max-width:340px}
.footer-contact-pill{background:var(--gold);border-radius:999px;display:inline-flex;gap:24px;justify-content:space-between;align-items:center;color:#151714;font-size:13px;font-weight:800;padding:13px 21px;min-width:154px;transition:transform .15s,background .15s}
.footer-contact-pill:hover{transform:translateY(-2px);background:#ffe078}
.footer-contact-pill span:last-child{font-size:17px;font-weight:500}
.footer-columns-v6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,56px);margin:0}
.footer-v6 .footer-column{display:flex;gap:14px;flex-direction:column;align-items:flex-start}
.footer-v6 .footer-column h3{margin:12px 0 7px;color:#fbfdf1;font-size:16px;line-height:1.2;font-weight:800;text-transform:none;letter-spacing:0}
.footer-v6 .footer-column a{font-size:13px;line-height:1.5;color:#dbe7d2;font-weight:500}
.footer-v6 .footer-column a:hover{color:#ffdb65}
.footer-social-inline{margin-top:11px;width:100%}
.footer-social-inline h4{font-size:13px;font-weight:750;line-height:1.2;letter-spacing:0;margin:0 0 12px;color:#fbfdf1}
.footer-v6 .footer-social-media{display:flex;flex-wrap:nowrap;gap:9px;justify-content:flex-start;align-items:center;margin:0}
.footer-v6 .social-tile{width:38px;height:38px;min-width:38px;min-height:38px;border-radius:10px;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.footer-v6 .social-tile svg{width:29px;height:29px}
.footer-v6 .takealot-type{font-size:10px;line-height:1;font-weight:850;letter-spacing:-.45px}
.footer-v6 .takealot-com{font-size:6px}
.footer-v6 .social-tile:hover{transform:translateY(-2px);box-shadow:0 5px 12px #06160b4a}
.footer-v6 .social-awaiting-url{cursor:default;opacity:1}
.footer-v6 .footer-bottom{border-top:1px solid #607052;color:#ced9c4;font-size:10.5px;padding:23px 0 27px}
.footer-v6 .footer-bottom-links a{color:#d6e0cd}
.footer-v6 .footer-locale{color:#abbda1;border-color:#829075}
@media(max-width:1100px){
 .footer-main-v6{grid-template-columns:minmax(190px,1fr) minmax(0,2fr);gap:32px}
 .footer-columns-v6{gap:16px}
 .footer-v6 .social-tile{width:34px;height:34px;min-width:34px;min-height:34px;border-radius:9px}
 .footer-v6 .footer-social-media{gap:6px}
 .footer-v6 .social-tile svg{width:27px;height:27px}
 .nav-wrap{gap:11px}.nav-list{gap:14px}
}
@media(max-width:900px){
 .site-header{height:76px}
 .brand-header-mark{width:147px;max-width:42vw}
 .nav-wrap{top:76px}
 .hero-home{min-height:0}
 .hero-images{min-height:470px}
 .footer-main-v6{grid-template-columns:1fr;gap:27px}
 .footer-identity-v6{display:grid;grid-template-columns:185px 1fr;column-gap:24px;align-items:center}
 .footer-brand-lockup{width:185px;grid-row:span 2}
 .footer-v6 .footer-tagline{margin:0}
 .footer-contact-pill{justify-self:start;align-self:start;margin-top:12px}
 .footer-columns-v6{margin-top:9px;gap:22px}
 .footer-v6 .footer-shell{padding-top:40px}
}
@media(max-width:650px){
 .site-header{height:68px}.nav-wrap{top:68px}
 .brand-header-mark{width:128px;max-width:44vw}
 .hero-content{padding:53px 5% 57px}
 .hero-content h1{font-size:clamp(40px,9.6vw,57px)}
 .hero-images{height:335px;min-height:335px}
 .section{padding:60px 0}
 .section-title{font-size:clamp(34px,8vw,44px)}
 .feature-band h2{font-size:clamp(32px,8vw,41px)}
 .about-home-copy h2{font-size:clamp(34px,8vw,43px)}
 .page-masthead h1{font-size:clamp(43px,9.7vw,62px)}
 .brand-row h2{font-size:clamp(32px,8vw,42px)}
 .brand-detail-copy h1{font-size:clamp(39px,9vw,56px)}
 .about-hero-copy h2{font-size:clamp(34px,8vw,45px)}
 .contact-cta h2{font-size:clamp(34px,8vw,47px)}
 .brand-card-body .brand-name{font-size:27px}
 .brand-image{height:255px}
 .footer-main-v6{display:block;padding-bottom:35px}
 .footer-identity-v6{display:block}
 .footer-brand-lockup{width:177px;margin:0 0 10px}
 .footer-v6 .footer-tagline{margin:4px 0 19px;max-width:420px;font-size:12px}
 .footer-contact-pill{font-size:12px;padding:12px 18px;min-width:146px}
 .footer-columns-v6{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 23px;margin-top:34px}
 .footer-community{grid-column:1/-1}
 .footer-v6 .footer-column h3{margin:0 0 4px;font-size:15px}
 .footer-v6 .footer-column a{font-size:12px}
 .footer-social-inline{margin-top:3px}
 .footer-v6 .social-tile{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:11px}
 .footer-v6 .footer-social-media{gap:10px}
 .footer-v6 .footer-bottom{padding:20px 0 26px}
}
@media(max-width:375px){.footer-v6 .social-tile{width:36px;height:36px;min-width:36px;min-height:36px}.footer-v6 .footer-social-media{gap:7px}}


/* ==============================
   KYMDO V7: aligned identity, charcoal-black footer & contextual scroll-to-top
   ============================== */
.footer-v6 {
  background:#101010;
  color:#f9f9f7;
}
.footer-identity-v6 {
  --lockup-width:220px;
  --pill-width:156px;
}
.footer-v6 .footer-brand-lockup {
  display:block;
  width:var(--lockup-width);
  max-width:100%;
  margin:0;
}
.footer-v6 .footer-brand-lockup img {
  filter:none;
}
.footer-v6 .footer-tagline {
  color:#d5d5d2;
  margin:19px 0 22px;
}
.footer-v6 .footer-contact-pill {
  box-sizing:border-box;
  width:var(--pill-width);
  min-width:var(--pill-width);
  margin-inline-start:calc((var(--lockup-width) - var(--pill-width))/2);
  padding:13px 19px;
  gap:12px;
  justify-content:space-between;
  flex-shrink:0;
}
.footer-v6 .footer-column h3,.footer-v6 .footer-social-inline h4 {color:#f7f7f7;}
.footer-v6 .footer-column a {color:#d0d0ce;}
.footer-v6 .footer-column a:hover,.footer-v6 .footer-bottom a:hover {color:#ffca27;}
.footer-v6 .footer-bottom {border-top-color:#414141;color:#aeaeaa;}
.footer-v6 .footer-bottom-links a {color:#cacac7;}
.footer-v6 .footer-locale {color:#a3a3a0;border-color:#555;}
/* Only switch the arrow button to black when it overlaps a red surface. */
.float-top {background:var(--red);color:#fff;transition:opacity .2s, background-color .18s;}
.float-top.is-on-red {background:#101010;color:#fff;}
.float-top.is-on-red:hover {background:#252525;}
@media(max-width:900px){
  .footer-identity-v6 {--lockup-width:185px;}
  .footer-v6 .footer-brand-lockup {grid-column:1;grid-row:1;width:var(--lockup-width);}
  .footer-v6 .footer-tagline {grid-column:2;grid-row:1 / span 2;align-self:center;margin:0;}
  .footer-v6 .footer-contact-pill {
    grid-column:1;grid-row:2;justify-self:start;
    margin-block-start:12px;
    margin-inline-start:calc((var(--lockup-width) - var(--pill-width))/2);
  }
}
@media(max-width:650px){
  .footer-identity-v6 {--lockup-width:177px;}
  .footer-v6 .footer-brand-lockup {width:var(--lockup-width);}
  .footer-v6 .footer-tagline {margin:12px 0 20px;}
  .footer-v6 .footer-contact-pill {
    margin-block-start:0;
    margin-inline-start:calc((var(--lockup-width) - var(--pill-width))/2);
  }
}


/* ==============================
   KYMDO V8 — Exact header artwork in the footer.
   Identity, message and contact CTA share ONE vertical centerline.
   Logo and yellow contact CTA are visually 20% smaller than V7.
   ============================== */
.footer-v6 {background: #101010;}
.footer-v6 .footer-identity-v6 {
  --lockup-width:176px;            /* 220px * .8 */
  --pill-width:125px;              /* 156px * .8 (rounded) */
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
  min-width:0;
}
.footer-v6 .footer-brand-lockup {
  display:block;
  width:var(--lockup-width);
  max-width:100%;
  flex:0 0 auto;
  margin:0;
  padding:0;
  line-height:0;
  background:none;
  border:0;
  box-shadow:none;
  transform:none;
}
.footer-v6 .footer-brand-lockup img {
  display:block;
  width:100%;
  height:auto;
  padding:0;
  margin:0;
  filter:none;
  box-shadow:none;
  transform:none;
}
.footer-v6 .footer-identity-v6 .footer-tagline {
  width:min(100%,340px);
  max-width:340px;
  margin:18px 0 20px;
  text-align:center;
  color:#d5d5d2;
  font-size:12.5px;
  line-height:1.8;
}
.footer-v6 .footer-identity-v6 .footer-contact-pill {
  box-sizing:border-box;
  width:var(--pill-width);
  min-width:var(--pill-width);
  min-height:36px;
  padding:10px 14px;
  margin:0;
  justify-content:space-between;
  justify-self:auto;
  align-self:center;
  gap:7px;
  font-size:10.5px;
  line-height:1.35;
}
.footer-v6 .footer-identity-v6 .footer-contact-pill span:last-child {font-size:14px;line-height:1;}
@media (max-width:900px) {
  .footer-v6 .footer-identity-v6 {
    --lockup-width:148px;         /* 185px * .8 */
    display:flex;                 /* override previous tablet grid */
    align-items:center;
    text-align:center;
  }
  .footer-v6 .footer-brand-lockup {width:var(--lockup-width);grid-column:auto;grid-row:auto;}
  .footer-v6 .footer-identity-v6 .footer-tagline {
    width:min(100%,340px);
    max-width:340px;
    margin:18px 0 20px;
    grid-column:auto;
    grid-row:auto;
    align-self:center;
  }
  .footer-v6 .footer-identity-v6 .footer-contact-pill {
    grid-column:auto;
    grid-row:auto;
    margin:0;
    align-self:center;
    justify-self:auto;
  }
}
@media (max-width:650px) {
  .footer-v6 .footer-identity-v6 {
    --lockup-width:142px;         /* 177px * .8, rounded */
    --pill-width:117px;           /* 146px * .8, rounded */
    display:flex;
    align-items:center;
    text-align:center;
  }
  .footer-v6 .footer-brand-lockup {width:var(--lockup-width);margin:0;}
  .footer-v6 .footer-identity-v6 .footer-tagline {
    font-size:12px;
    max-width:340px;
    margin:16px 0 18px;
  }
  .footer-v6 .footer-identity-v6 .footer-contact-pill {
    font-size:10px;
    padding:9px 12px;
    min-height:35px;
  }
}

/* ==========================================================
   KYMDO V9 — One shared header/footer logo, one optical axis

   Align the footer identity with the HEADER wordmark's true
   horizontal midpoint (not with the wider footer grid column).
   Reuse the unchanged header PNG; no added shadows or effects.
   Footer logo is 85% of V8 at each responsive breakpoint.
   ========================================================== */
:root { --kymdo-header-logo-width: 165px; }
.brand-header-mark { width: var(--kymdo-header-logo-width); }
.footer-v6 { background: #101010; }
.footer-v6 .footer-identity-v6 {
  --lockup-width: 149.6px; /* V8 176px × 85% */
  width: var(--kymdo-header-logo-width);
  max-width: none;
  margin: 0;
  padding: 0;
  justify-self: start;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.footer-v6 .footer-brand-lockup {
  width: var(--lockup-width);
  max-width: 100%;
  margin: 0;
  padding: 0;
  line-height: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  filter: none;
  transform: none;
}
.footer-v6 .footer-brand-lockup img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  box-shadow: none;
  filter: none;
  transform: none;
}
.footer-v6 .footer-identity-v6 .footer-tagline {
  flex: none;
  width: 210px;
  max-width: none;
  min-width: 0;
  margin: 18px 0 20px;
  text-align: center;
  line-height: 1.8;
  font-size: 12.5px;
  overflow-wrap: break-word;
  text-wrap: pretty;
}
.footer-v6 .footer-identity-v6 .footer-contact-pill {
  align-self: center;
  justify-self: auto;
  margin: 0;
}
@media (max-width: 900px) {
  :root { --kymdo-header-logo-width: 147px; }
  .footer-v6 .footer-identity-v6 { --lockup-width: 125.8px; } /* V8 148px × 85% */
  .footer-v6 .footer-identity-v6 .footer-tagline { width: 200px; }
}
@media (max-width: 650px) {
  :root { --kymdo-header-logo-width: 128px; }
  .footer-v6 .footer-identity-v6 { --lockup-width: 120.7px; } /* V8 142px × 85% */
  .footer-v6 .footer-identity-v6 .footer-tagline {
    width: min(146px, calc(100vw - 24px));
    margin: 15px 0 18px;
    font-size: 11.8px;
    line-height: 1.8;
  }
}


/* V10 — one shared, shadow-free transparent logo on both backgrounds.
   Do not add masks, backdrop plates, shadows, strokes or image filters.
   The black contours are intentionally allowed to merge into the black footer. */
.brand-header-mark img,
.footer-v6 .footer-brand-lockup img {
  filter:none !important;
  -webkit-filter:none !important;
  box-shadow:none !important;
  text-shadow:none !important;
  background:transparent !important;
  opacity:1;
  mix-blend-mode:normal;
}

/* V12 — single shared KYMDO artwork on both header and footer.
   No image overlays, shadows, borders, strokes, blend modes or highlights. */
.brand-header-mark img, .footer-v6 .footer-brand-lockup img {
    filter:none !important; -webkit-filter:none !important;
    box-shadow:none !important; text-shadow:none !important;
    border:0 !important; outline:0 !important;
    background:transparent !important; mix-blend-mode:normal !important;
}

/* V14: business content and development-status components. No changes to logo/header/footer visual treatment. */
.launch-status{display:inline-flex;align-items:center;gap:7px;margin:4px 0 14px;padding:7px 12px;background:#fff6ee;color:#8a382b;border:1px solid #f0d5cb;border-radius:40px;font-size:11px;line-height:1.3;font-weight:800;letter-spacing:.2px}
.brand-row .launch-status{margin:0 0 17px;background:#f6f0eb}
.kymdo-facts{background:#f4f2ed;padding:91px 0}
.facts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.fact-card{background:#fff;border-top:3px solid #ed312b;padding:31px 29px 34px;min-height:290px}
.fact-number{color:#ed312b;font-size:10px;letter-spacing:1.4px;font-weight:800}
.fact-card h3{font-size:clamp(19px,2vw,26px);line-height:1.36;letter-spacing:-.6px;margin:26px 0 15px}
.fact-card p{font-size:13px;line-height:2;color:#64615f;margin:0}
.brand-progress{margin-top:23px;background:#f5f2eb;border-left:3px solid #ed312b;padding:15px 19px;max-width:600px}
.brand-progress-label{font-size:10px;text-transform:uppercase;color:#b52e26;font-weight:800;letter-spacing:1.2px}
.brand-progress p{font-size:12px;color:#595551;line-height:1.75;margin:8px 0 0}
@media(max-width:900px){.facts-grid{grid-template-columns:1fr 1fr}.kymdo-facts{padding:75px 0}.fact-card{min-height:0}}
@media(max-width:650px){.facts-grid{grid-template-columns:1fr}.kymdo-facts{padding:62px 0}.fact-card{padding:26px}.fact-card h3{margin:17px 0 9px}}

/* KYMDO V3: animated header logo. Same original SVG at original V14 header size; no filters, highlights or shadows. */
.brand-header-mark .kymdo-logo-animation{display:block;width:100%;aspect-ratio:1998/787;position:relative;overflow:visible;isolation:isolate}
.brand-header-mark .kymdo-logo-animation img,.brand-header-mark .kymdo-logo-animation video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:none!important;box-shadow:none!important;background:transparent!important;mix-blend-mode:normal!important}
.kymdo-logo-pieces{position:absolute;inset:0;pointer-events:none;animation:kymdo-pieces-hide 2.8s linear forwards}
.brand-header-mark .kymdo-logo-final{opacity:0;animation:kymdo-logo-final-show 0.25s ease-out 2.2s forwards}
.brand-header-mark .brand-header-mark .kymdo-logo-piece{opacity:0;animation:kymdo-piece-enter 1.1s cubic-bezier(.22,1,.32,1) forwards;--x:0px;--y:0px;--r:0deg;clip-path:inset(0 0 0 0)}
.kymdo-logo-piece-1{clip-path:inset(0 75% 50% 0);--x:-48px;--y:-19px;--r:-16deg;animation-delay:.05s}
.kymdo-logo-piece-2{clip-path:inset(0 50% 50% 25%);--x:9px;--y:-28px;--r:13deg;animation-delay:.25s}
.kymdo-logo-piece-3{clip-path:inset(0 25% 50% 50%);--x:26px;--y:-24px;--r:-8deg;animation-delay:.43s}
.kymdo-logo-piece-4{clip-path:inset(0 0 50% 75%);--x:48px;--y:-5px;--r:17deg;animation-delay:.62s}
.kymdo-logo-piece-5{clip-path:inset(50% 75% 0 0);--x:-35px;--y:25px;--r:12deg;animation-delay:.35s}
.kymdo-logo-piece-6{clip-path:inset(50% 50% 0 25%);--x:-16px;--y:31px;--r:-16deg;animation-delay:.55s}
.kymdo-logo-piece-7{clip-path:inset(50% 25% 0 50%);--x:25px;--y:25px;--r:9deg;animation-delay:.73s}
.kymdo-logo-piece-8{clip-path:inset(50% 0 0 75%);--x:45px;--y:17px;--r:-13deg;animation-delay:.86s}
@keyframes kymdo-piece-enter{from{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(1.08)}40%{opacity:1}to{opacity:1;transform:translate(0,0) rotate(0deg) scale(1)}}
@keyframes kymdo-logo-final-show{to{opacity:1}}
@keyframes kymdo-pieces-hide{0%,99%{visibility:visible}100%{visibility:hidden}}
.kymdo-logo-webm{display:none!important}
.kymdo-logo-animation.logo-webm-playing .kymdo-logo-webm{display:block!important}
.kymdo-logo-animation.logo-webm-playing .kymdo-logo-final,.kymdo-logo-animation.logo-webm-playing .kymdo-logo-pieces{visibility:hidden}
@media(prefers-reduced-motion:reduce){.kymdo-logo-pieces{display:none!important}.kymdo-logo-final{opacity:1!important;animation:none!important}.kymdo-logo-webm{display:none!important}}
/* Store preparation notice. */
.store-coming{min-height:580px;display:flex;align-items:center;background:#f4f2ed;padding:85px 0 100px;text-align:center}
.store-coming-inner{max-width:850px;margin:0 auto}
.store-coming-kicker{font-size:12px;letter-spacing:.23em;font-weight:800;color:#e82e28;margin:0 0 20px}
.store-coming-symbol{width:72px;height:72px;margin:0 auto 15px;background:#ed312b;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:40px}
.store-coming h1{font-size:clamp(40px,5.5vw,78px);line-height:1.18;letter-spacing:-.055em;margin:18px 0 24px;font-weight:850;color:#171717}
.store-coming-sub{max-width:690px;margin:0 auto;color:#61605b;line-height:1.9;font-size:16px}
.store-coming-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:36px auto}
.store-coming-note{font-size:12px;color:#8b8881;border-top:1px solid #d8d3cb;padding-top:24px;max-width:550px;margin:30px auto 0}
@media(max-width:650px){.store-coming{min-height:480px;padding:66px 0}.store-coming h1{font-size:42px}.store-coming-actions .btn{width:100%;max-width:320px}}

/* KYMDO editor-created pages: V14 design-matched extension */
.kymdo-custom-section{padding:85px 0 95px;background:#fff}
.kymdo-custom-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:7%;align-items:center}
.kymdo-custom-grid h2,.kymdo-custom-block h2{font-weight:850;font-size:clamp(35px,4.5vw,64px);line-height:1.15;letter-spacing:-1.5px;margin:22px 0}
.kymdo-custom-grid p,.kymdo-custom-block p{font-size:16px;line-height:1.95;color:#51534f;margin:15px 0}
.kymdo-custom-lead{font-size:20px!important;color:#242621!important}
.kymdo-custom-visual{border-radius:2px;overflow:hidden;min-height:340px;background:#e9e7df}
.kymdo-custom-visual img{width:100%;height:100%;object-fit:cover;max-height:520px}
.kymdo-custom-blocks{background:#f5f4f0;padding:52px 0}
.kymdo-custom-block{max-width:1050px;margin:auto}
.kymdo-custom-blocks:nth-child(odd){background:#fff}
.kymdo-extra-image{width:100%;height:380px;object-fit:cover}
/* Shared media slot styles: match the V14 crop without touching LOGOs */
.kymdo-site-video{display:block;max-width:100%;object-fit:cover;background:#101010}
.hero-image-cell>.kymdo-site-video,.brand-image>.kymdo-site-video{width:100%;height:100%;object-fit:cover}
.row-picture>.kymdo-site-video,.brand-detail-visual>.kymdo-site-video,.brand-intro-visual>.kymdo-site-video,.about-home-visual>.kymdo-site-video,.about-hero-visual>.kymdo-site-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.about-home-visual>.kymdo-site-video{filter:brightness(.72)}
.business-type>.kymdo-site-video{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.kymdo-custom-visual>.kymdo-site-video{height:100%;width:100%;min-height:340px;max-height:520px}
.kymdo-custom-block>.kymdo-site-video{width:100%;height:380px}
.kymdo-site-video[controls]{position:relative;z-index:3}
@media(prefers-reduced-motion:reduce){.kymdo-site-video{transition:none!important}}

@media(max-width:900px){.kymdo-custom-grid{grid-template-columns:1fr;gap:25px}.kymdo-custom-section{padding:45px 0}.kymdo-custom-visual{min-height:240px}.kymdo-custom-grid h2{font-size:36px}}

/* KYMDO_V32_PLAY_TOGGLE: large soft grey play triangle only while paused */
.kymdo-video-host{position:relative}
.kymdo-site-video{cursor:pointer;touch-action:pan-y}
.kymdo-site-video:focus-visible{outline:3px solid #e6e6e6;outline-offset:-3px}
.kymdo-video-toggle-mark{position:absolute;left:50%;top:50%;width:clamp(62px,7vw,104px);height:clamp(62px,7vw,104px);transform:translate(-50%,-50%);z-index:5;pointer-events:none;display:grid;place-items:center;opacity:0;transition:opacity .16s ease}
.kymdo-video-toggle-mark svg{display:block;width:100%;height:100%;overflow:visible;fill:rgba(221,224,226,.76);filter:drop-shadow(0 2px 5px rgba(0,0,0,.18))}
.kymdo-video-host.kymdo-video-paused .kymdo-video-toggle-mark{opacity:1}
@media(prefers-reduced-motion:reduce){.kymdo-video-toggle-mark{transition:none}}

/* KYMDO_V33_SCRUBBER: timeline/seek control for every website video */
.kymdo-video-host{position:relative}
.kymdo-video-timeline{position:absolute;bottom:9px;left:11px;right:11px;z-index:9;display:flex;align-items:center;gap:9px;min-width:0;min-height:30px;padding:5px 9px;background:rgba(13,15,17,.70);border:1px solid rgba(255,255,255,.18);border-radius:7px;box-sizing:border-box;color:#fff;cursor:default;user-select:none;-webkit-user-select:none;backdrop-filter:blur(4px)}
.kymdo-video-progress{appearance:none;-webkit-appearance:none;display:block;flex:1 1 auto;min-width:15px;width:100%;height:24px;margin:0;padding:0;border:0;outline-offset:2px;background:transparent!important;cursor:pointer;touch-action:pan-x;accent-color:#f0f0f0}
.kymdo-video-progress::-webkit-slider-runnable-track{height:5px;border:0;border-radius:50px;background:linear-gradient(to right,#f0f0f0 0%,#f0f0f0 var(--kymdo-seek-progress,0%),rgba(255,255,255,.32) var(--kymdo-seek-progress,0%),rgba(255,255,255,.32) 100%)}
.kymdo-video-progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;border:2px solid #f9f9f9;background:#f6f6f6;margin-top:-4px;box-shadow:0 1px 3px #0006}
.kymdo-video-progress::-moz-range-track{height:5px;border-radius:50px;background:rgba(255,255,255,.32)}
.kymdo-video-progress::-moz-range-progress{height:5px;border-radius:50px;background:#f0f0f0}
.kymdo-video-progress::-moz-range-thumb{width:12px;height:12px;border:2px solid #f9f9f9;border-radius:50%;background:#f6f6f6}
.kymdo-video-progress:focus-visible{outline:2px solid #fff;border-radius:4px}
.kymdo-video-progress:disabled{opacity:.42;cursor:wait}
.kymdo-video-clock{flex:0 0 auto;white-space:nowrap;font:600 11px/1.2 system-ui,-apple-system,sans-serif;letter-spacing:0;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000;color:#f7f7f7}
@media(max-width:460px){.kymdo-video-timeline{left:7px;right:7px;bottom:7px;gap:5px;padding:4px 7px}.kymdo-video-clock{font-size:10px}}

/* KYMDO_V34_POINTER_SEEK: prevent linked-card drag and enable accurate drag scrubbing */
.kymdo-video-timeline,.kymdo-video-progress{ -webkit-user-drag:none; user-drag:none; }
.kymdo-video-timeline { touch-action:pan-y; pointer-events:auto; }
.kymdo-video-progress { touch-action:none!important; pointer-events:auto!important; user-select:none!important; -webkit-user-select:none!important; -webkit-user-drag:none!important; cursor:ew-resize!important; }
.kymdo-video-timeline.kymdo-seeking .kymdo-video-progress{cursor:grabbing!important;}

/* KYMDO_V36_UNIFORM_CURSOR: pointer remains the default arrow in all areas */
html body *:not(#kymdo-v36-impossible-cursor-id),html body *:not(#kymdo-v36-impossible-cursor-id)::before,html body *:not(#kymdo-v36-impossible-cursor-id)::after {cursor:default!important}


/* KYMDO contact email integration — keeps the original V14/V3.8 layout intact. */
.contact-card .contact-live-email{font-size:clamp(14px,1.32vw,18px);font-weight:750;letter-spacing:0;word-break:break-word;border-bottom:1px solid currentColor;padding:0 0 4px;gap:0;color:#1b1b1b;max-width:100%;}
.kymdo-email-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0 0;}
.kymdo-email-compose{padding:13px 18px;gap:24px;}
.kymdo-email-copy{border:1px solid #bcb8b0;background:transparent;color:#2b2a27;padding:13px 17px;font-size:12px;font-weight:800;line-height:1.35;min-height:45px;}
.kymdo-email-copy:hover{border-color:var(--red);color:var(--red);}
.contact-card .kymdo-email-usage-note{margin:14px 0 0;font-size:12px;color:#686661;line-height:1.8;}
.kymdo-email-copy-status:empty{display:none;}
.contact-card .kymdo-email-copy-status{font-size:12px;line-height:1.7;color:#1d6f40;margin:9px 0 0;}
.footer-v6 .footer-column .kymdo-email-footer{color:#ffda73;font-weight:750;overflow-wrap:anywhere;word-break:break-word;text-decoration:underline;text-decoration-color:#a38a47;text-underline-offset:4px;}
.footer-v6 .footer-column .kymdo-email-footer:hover{color:#fff;}
@media(max-width:650px){.kymdo-email-actions{align-items:stretch;}.kymdo-email-compose,.kymdo-email-copy{width:100%;justify-content:center;text-align:center;}}

/* Header animation — user-supplied WebM with transparent background, same V14 logo footprint.
   The still frame is from the actual animation and remains visible after it finishes.
   Footer keeps the original vector logo. */
.brand-header-mark .kymdo-logo-animation.has-kymdo-video .kymdo-logo-pieces{display:none!important;animation:none!important}
.brand-header-mark .kymdo-logo-animation.has-kymdo-video .kymdo-logo-final{opacity:1!important;animation:none!important}
.brand-header-mark .kymdo-logo-webm{pointer-events:none}

/* Contact form: keep the right-side brand dropdown level with the left enquiry-type dropdown. */
.b2b-form-grid .field select[name="brand"] { margin-top: auto; }


/* V15.1 — 独立首页全幅宣传画面（导航正下方） */
.kymdo-home-banner{position:relative;display:block;width:100%;height:clamp(260px,35vw,590px);overflow:hidden;background:#101b29}
.kymdo-home-banner>.kymdo-banner-photo,.kymdo-home-banner>.kymdo-banner-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.kymdo-home-banner.kymdo-video-host{cursor:default}
.kymdo-home-banner>.kymdo-banner-video{position:absolute;inset:0;cursor:default}
.kymdo-home-banner .kymdo-video-timeline{left:clamp(12px,4vw,76px);right:clamp(12px,4vw,76px);bottom:clamp(10px,2vw,26px);max-width:none}
.kymdo-video-mute{flex:0 0 auto;display:grid;place-items:center;min-width:34px;min-height:30px;border:0;border-radius:4px;background:rgba(255,255,255,.12);color:#fff;font-size:16px;line-height:1;cursor:pointer;position:relative;z-index:11}
.kymdo-video-mute:hover,.kymdo-video-mute:focus-visible{background:rgba(255,255,255,.3)}
@media(max-width:650px){.kymdo-home-banner{height:clamp(210px,55vw,370px)}.kymdo-video-mute{min-width:32px;min-height:30px}}

/* KYMDO V15.2: precise, compact home information ribbon.
   Previous desktop min-height: 87px.  This is 30px (about 1/3). */
.home-ticker .ticker-inner {
  height: 30px;
  min-height: 30px;
  padding-top: 0;
  padding-bottom: 0;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
}
.home-ticker .ticker-item {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0;
  white-space: nowrap;
  border: 0;
}
.home-ticker .ticker-item strong {
  display: inline-block;
  margin: 0;
  font-size: 24px;
  line-height: 1;
  letter-spacing: -.8px;
  font-weight: 900;
}
.home-ticker .ticker-item > span {
  display: inline-block;
  margin: 0;
  font-size: 12px; /* half the size of 3 / 5 / ZA */
  line-height: 1;
  letter-spacing: 0;
  color: #f0f0ee;
  font-weight: 600;
}
.home-ticker .ticker-separator {
  display: block;
  height: 16px;
  width: 1px;
  margin: 0;
  background: #797979;
  flex: 0 0 1px;
}
@media (max-width: 650px) {
  .home-ticker .ticker-inner {
    display: flex;
    height: 30px;
    min-height: 30px;
    padding: 0 12px;
    gap: 5px;
    justify-content: space-between;
  }
  .home-ticker .ticker-item { display: inline-flex; gap: 3px; text-align: left; padding: 0; }
  .home-ticker .ticker-item strong { display: inline-block; font-size: 20px; line-height: 1; }
  .home-ticker .ticker-item > span { display: inline-block; font-size: 10px; line-height: 1; margin: 0; }
  .home-ticker .ticker-separator { display: block; height: 13px; flex: 0 0 1px; }
}
@media (max-width: 375px) {
  .home-ticker .ticker-inner { padding: 0 7px; gap: 3px; }
  .home-ticker .ticker-item { gap: 2px; }
  .home-ticker .ticker-item strong { font-size: 18px; }
  .home-ticker .ticker-item > span { font-size: 9px; }
}

/* V15.3: 查看全部品牌按钮与上方第一张品牌卡片左侧精确对齐 */
#brands .brands-view-all{margin-top:38px;text-align:left;}

/* KYMDO V15.4 - functional online enquiry + controlled attachments */
.b2b-contact-choice{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;border-bottom:1px solid #e7e3df;padding:0 0 30px;margin-bottom:32px}
.b2b-choice-mail,.b2b-choice-form{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.b2b-contact-choice .choice-label{font-size:11px;color:#e5312a;letter-spacing:1.4px;font-weight:850}
.b2b-contact-choice .choice-email{display:inline-flex;align-items:center;gap:13px;font-size:clamp(15px,1.55vw,22px);font-weight:800;overflow-wrap:anywhere;border-bottom:1px solid #151515;padding-bottom:3px}
.b2b-contact-choice .choice-email:hover{color:#ed312b;border-color:#ed312b}
.b2b-contact-choice .choice-email span{font-size:20px}
.b2b-choice-or{color:#a6a19a;border:1px solid #e4e0da;border-radius:50%;width:46px;height:46px;display:grid;place-items:center;font-size:12px;font-weight:800}
.b2b-choice-form strong{font-size:15px;line-height:1.7}
.b2b-attachments{background:#fbfaf8;border:1px solid #eae7e1;margin-top:26px;padding:24px}
.b2b-attachment-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:21px}
.b2b-attachment-head h3{margin:0 0 8px;font-size:16px;font-weight:850}
.b2b-attachment-head p{margin:0;max-width:750px;color:#716e69;font-size:12px;line-height:1.9}
.b2b-attach-limit{border:1px solid #dbd7d1;color:#3b3834;font-weight:800;white-space:nowrap;font-size:11px;padding:9px 11px}
.b2b-upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.b2b-upload-tile{position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:17px;border:1px dashed #c9c4bc;background:#fff;cursor:pointer;transition:border-color .15s,background .15s}
.b2b-upload-tile:hover,.b2b-upload-tile:focus-within{border-color:#ed312b;background:#fff8f7}
.b2b-upload-tile .b2b-upload-symbol{font-size:22px;color:#e9312b;line-height:1}
.b2b-upload-tile .b2b-upload-label{font-size:13px;font-weight:800}
.b2b-upload-tile .b2b-upload-formats{font-size:10px;letter-spacing:.3px;color:#77716b;overflow-wrap:anywhere}
.b2b-upload-tile input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.b2b-upload-tile input[type=file]:focus-visible{opacity:0;outline:2px solid #ed312b;outline-offset:1px}
.b2b-attachment-feedback{margin:12px 0 18px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.b2b-file-list{font-size:12px;line-height:1.7;color:#5c5852;margin:0;word-break:break-word}
.b2b-clear-files{background:transparent;border:0;border-bottom:1px solid #706b66;padding:4px 0;color:#45423e;font-size:12px;white-space:nowrap}
.b2b-video-link{margin-top:4px}
.b2b-privacy-link{margin-left:5px;color:#c72a25;text-decoration:underline;text-underline-offset:3px}
.b2b-form .form-status[data-state=error]{color:#c02420}
.b2b-form .form-status[data-state=pending]{color:#217043}
.b2b-form .b2b-submit:disabled{opacity:.65;cursor:wait}
.kymdo-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:750px){.b2b-contact-choice{grid-template-columns:1fr;gap:16px}.b2b-choice-or{border-radius:50%;width:38px;height:38px}.b2b-upload-grid{grid-template-columns:1fr}.b2b-attachment-head{flex-direction:column}.b2b-attachments{padding:18px}.b2b-attachment-feedback{align-items:flex-start;flex-direction:column}}


/* V15.6 - Email + WhatsApp, no PHP server or in-page file uploading. */
.b2b-contact-choice{grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);align-items:stretch;gap:20px;padding-bottom:24px;margin-bottom:18px}
.b2b-channel-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:20px 24px;background:#f8f7f4;border:1px solid #e5e0da}
.b2b-channel-wa{background:#f0faf4;border-color:#c8e7d4}
.b2b-channel-kicker{font-size:11px;letter-spacing:1.5px;font-weight:900;color:#ed312b}
.b2b-channel-wa .b2b-channel-kicker{color:#16844d}
.b2b-channel-card strong{font-size:19px;font-weight:900;color:#1b1b1b;line-height:1.4}
.b2b-channel-address{display:flex;flex-wrap:wrap;align-items:center;gap:9px;border-bottom:2px solid #252525;font-size:clamp(14px,1.45vw,19px);font-weight:800;overflow-wrap:anywhere;padding-bottom:5px}
.b2b-channel-address:hover{color:#ed312b;border-color:#ed312b}
.b2b-channel-wa .b2b-channel-address{color:#146c41;border-color:#146c41}
.b2b-channel-card p{font-size:12px;line-height:1.75;color:#66625d;margin:0}
.b2b-choice-or{align-self:center}
.b2b-compose-intro{padding:0 0 20px;font-size:13px;line-height:1.75;color:#77716a}
.b2b-attachments-note{padding:23px 25px}
.b2b-attachments-note .b2b-attachment-head{margin-bottom:18px}
.b2b-dual-send{align-items:flex-start;flex-direction:column;gap:20px}
.b2b-dual-send .b2b-submit-copy{max-width:100%}
.b2b-send-actions{width:100%;display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}
.b2b-send-actions>.btn{min-height:57px;justify-content:space-between;gap:25px;padding:17px 22px;font-size:14px;font-weight:850;text-decoration:none}
.b2b-email-send{background:#eb302c;color:white}
.b2b-whatsapp-send{background:#158d54;color:#fff}
.b2b-whatsapp-send:hover{background:#0c7041;color:#fff}
.b2b-copy-enquiry{padding:14px 20px;border:1px solid #b7b0a7;background:#fff;color:#2a2927;font-size:12px;font-weight:800;min-height:57px}
.wa-not-configured{background:#aab4ae!important;color:#303834!important;cursor:default}.wa-channel-pending{background:#f5f5f4;border-color:#ddd}.wa-channel-pending .b2b-channel-address{color:#747b77;border-color:#bbb;cursor:default}
.kymdo-whatsapp-compose{background:#168c54;color:white;border-color:#168c54}
.kymdo-whatsapp-compose[hidden]{display:none!important}
.kymdo-float-whatsapp{position:fixed;right:22px;bottom:102px;z-index:90;width:54px;height:54px;display:flex;align-items:center;justify-content:center;background:#168c54;color:#fff;border-radius:50%;font-size:31px;font-family:sans-serif;box-shadow:0 8px 25px #0003;text-decoration:none}
.kymdo-float-whatsapp:hover{background:#116c41;color:#fff}
.kymdo-float-whatsapp:focus-visible,.b2b-send-actions a:focus-visible,.b2b-channel-address:focus-visible{outline:3px solid #141414;outline-offset:3px}
@media(max-width:750px){.b2b-contact-choice{grid-template-columns:1fr;gap:13px}.b2b-choice-or{justify-self:center}.b2b-channel-card{padding:18px}.b2b-send-actions{flex-direction:column}.b2b-send-actions>.btn,.b2b-copy-enquiry{width:100%;justify-content:center}.b2b-attachment-head{flex-direction:column}.kymdo-float-whatsapp{right:15px;bottom:88px}}

/* V15.7: independent media slots & branded WhatsApp QR. */
.kymdo-whatsapp-qr{display:flex;gap:13px;align-items:center;margin-top:17px;padding:12px;background:#fff;color:#20241f;border-radius:9px;max-width:340px}
.kymdo-whatsapp-qr img{width:90px;height:90px;flex:none;display:block;image-rendering:pixelated}
.kymdo-whatsapp-qr span{font-size:12px;line-height:1.6;font-weight:650}
.kymdo-float-whatsapp svg{width:29px;height:29px;display:block}
@media(max-width:650px){.kymdo-whatsapp-qr{max-width:100%}}

/* KYMDO V15.8 - Floating WhatsApp stays at the viewport's vertical midpoint.
   Keep its horizontal center aligned precisely with the back-to-top button:
   back-to-top = 43px wide, right 20px -> center 41.5px from the right;
   WhatsApp = 54px wide -> right 14.5px for the same centerline.
   This also intentionally overrides the previous mobile bottom/right offsets. */
.kymdo-float-whatsapp {
  position: fixed;
  top: 50%;
  bottom: auto;
  right: 14.5px;
  transform: translateY(-50%);
}


/* V15.9 · Compact contact actions, same-size email & WhatsApp buttons. */
.contact-card .kymdo-email-actions {
  display: grid;
  grid-template-columns: minmax(0, 250px) 48px;
  grid-template-rows: 52px 52px;
  gap: 12px;
  justify-content: start;
  align-items: stretch;
  margin-top: 20px;
}
.contact-card .kymdo-email-compose,
.contact-card .kymdo-whatsapp-compose {
  box-sizing: border-box;
  width: 100%;
  height: 52px;
  min-height: 52px;
  margin: 0;
  padding: 0 16px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 12px;
  letter-spacing: .25px;
  font-weight: 850;
  white-space: nowrap;
}
.contact-card .kymdo-email-compose { grid-column: 1; grid-row: 1; background: #ed312b; border-color: #ed312b; color: #fff; }
.contact-card .kymdo-whatsapp-compose { grid-column: 1; grid-row: 2; background: #168c54; border-color: #168c54; color: #fff; }
.contact-card .kymdo-email-compose:hover,
.contact-card .kymdo-email-compose:focus-visible {
  background: #ed312b;
  border-color: #ed312b;
  color: #fff;
}
.contact-card .kymdo-whatsapp-compose:hover,
.contact-card .kymdo-whatsapp-compose:focus-visible {
  background: #168c54;
  border-color: #168c54;
  color: #fff;
}
/* Bounce once on hover/focus, without recoloring either action. */
@keyframes kymdo-contact-hop {
  0%, 100% { transform: translateY(0); }
  46% { transform: translateY(-5px); }
  75% { transform: translateY(1px); }
}
@media (hover: hover) and (pointer: fine) {
  .contact-card .kymdo-email-compose:hover,
  .contact-card .kymdo-whatsapp-compose:hover { animation: kymdo-contact-hop .34s ease-out 1; }
}
.contact-card .kymdo-email-compose:focus-visible,
.contact-card .kymdo-whatsapp-compose:focus-visible { animation: kymdo-contact-hop .34s ease-out 1; }
.contact-card .kymdo-email-compose:hover .arrow,
.contact-card .kymdo-whatsapp-compose:hover .arrow { transform: none; }
.contact-card .kymdo-email-copy {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
  padding: 0;
  width: 48px;
  height: 52px;
  min-width: 48px;
  min-height: 52px;
  display: grid;
  place-items: center;
  background: #fff;
  border: 1px solid #c9c6c0;
  color: #292a28;
  border-radius: 0;
}
.contact-card .kymdo-email-copy:hover { background:#f6f5f1; color:#292a28; border-color:#85847f; }
.contact-card .kymdo-email-copy svg { display: block; width: 22px; height: 22px; }
.contact-card .kymdo-email-copy .copy-success-icon { display: none; }
.contact-card .kymdo-email-copy.is-copied { border-color:#168c54; color:#168c54; background:#eefaf2; }
.contact-card .kymdo-email-copy.is-copied .copy-icon { display:none; }
.contact-card .kymdo-email-copy.is-copied .copy-success-icon { display:block; }
.contact-card .kymdo-email-copy-status {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
.contact-card .kymdo-email-copy-status[data-error="true"] {position:static; width:auto; height:auto; margin:9px 0 0; overflow:visible; clip:auto; white-space:normal; color:#ad2c23;}
@media (max-width: 650px) {
  .contact-card .kymdo-email-actions { grid-template-columns: minmax(0, 1fr) 48px; width:100%; max-width:350px; }
  .contact-card .kymdo-email-compose,
  .contact-card .kymdo-whatsapp-compose { width:100%; }
  .contact-card .kymdo-email-copy { width:48px; }
}
@media (prefers-reduced-motion: reduce) {
  .contact-card .kymdo-email-compose:hover,
  .contact-card .kymdo-whatsapp-compose:hover,
  .contact-card .kymdo-email-compose:focus-visible,
  .contact-card .kymdo-whatsapp-compose:focus-visible { animation: none; transform:none; }
}


/* V15.10 — two independent, accessible checkbox multi-select dropdowns. */
.b2b-form-grid .kymdo-multi-field { min-width:0; }
.kymdo-multi { position:relative; width:100%; }
.kymdo-multi.is-open { z-index:60; }
.kymdo-multi-trigger {
  width:100%; min-height:50px; border:1px solid #d5d1cc; border-radius:0;
  background:#fff; padding:12px 14px; display:flex; align-items:center;
  justify-content:space-between; gap:16px; text-align:left; cursor:pointer;
  color:#191919; font-family:inherit; font-size:14px; font-weight:500;
}
.kymdo-multi-trigger:hover { border-color:#8f8982; }
.kymdo-multi-trigger:focus-visible { outline:2px solid #d72924; outline-offset:2px; }
.kymdo-multi.is-open .kymdo-multi-trigger { border-color:#ed312b; }
.kymdo-multi-summary { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.kymdo-multi-summary.is-placeholder { color:#77716a; }
.kymdo-multi-trigger svg { flex:none; width:18px; height:18px; fill:none; stroke:#3b3b3a; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transition:transform .15s ease; }
.kymdo-multi.is-open .kymdo-multi-trigger svg { transform:rotate(180deg); }
.kymdo-multi-menu {
  position:absolute; top:calc(100% + 5px); left:0; right:0; z-index:80;
  max-height:280px; overflow:auto; background:#fff; padding:8px;
  border:1px solid #dad5d0; box-shadow:0 13px 35px #10101023;
}
.kymdo-multi-help { font-size:12px; color:#77716a; margin:5px 10px 10px; font-weight:500; }
.kymdo-multi-menu label { display:flex; align-items:center; gap:12px; padding:11px 10px; min-height:44px; cursor:pointer; border-radius:2px; color:#252322; font-size:13px; font-weight:600; line-height:1.5; }
.kymdo-multi-menu label:hover { background:#f7f4f0; }
.kymdo-multi-menu label:has(input:checked) { background:#fff3f1; color:#a72a22; }
.kymdo-multi-menu input[type="checkbox"] {
  flex:none; width:17px; height:17px; min-height:0; margin:0; padding:0;
  accent-color:#ed312b; cursor:pointer;
}
.kymdo-multi-menu label span { flex:1; min-width:0; }
@media (max-width:650px) {
  .kymdo-multi-trigger { min-height:49px; }
  .kymdo-multi-menu { max-height:255px; }
}
@media (prefers-reduced-motion: reduce) {
  .kymdo-multi-trigger svg { transition:none; }
}


/* V15.11  Three-store hub, separate external URLs per brand */
.kymdo-store-hub{background:#f6f5f2;padding-bottom:65px;min-height:580px}
.kymdo-store-intro{padding:65px 0 34px}
.kymdo-store-eyebrow{font-size:12px;letter-spacing:.21em;color:#e82e28;font-weight:850;margin:0 0 14px}
.kymdo-store-intro h1{font-size:clamp(36px,5vw,72px);line-height:1.16;font-weight:900;letter-spacing:-.05em;margin:0 0 15px;color:#141414}
.kymdo-store-intro h1 .red{color:#ed312b}
.kymdo-store-desc{max-width:800px;color:#696662;font-size:15px;line-height:1.85;margin:0}
.kymdo-store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.kymdo-store-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:white;color:#161616;border:1px solid #e5e1dd;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.kymdo-store-card:hover{transform:translateY(-5px);box-shadow:0 12px 27px #16161616;color:#161616}
.kymdo-store-card:focus-visible{outline:3px solid #ed312b;outline-offset:3px}
.kymdo-store-image{display:block;height:clamp(160px,20vw,280px);overflow:hidden;background:#eae5dd}
.kymdo-store-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .25s}
.kymdo-store-card:hover img{transform:scale(1.035)}
.kymdo-store-camp{background:#263d31}
.kymdo-store-body{display:flex;flex-direction:column;flex:1;padding:24px 25px 22px}
.kymdo-store-index{font-size:11px;color:#ed312b;letter-spacing:.12em;font-weight:850}
.kymdo-store-body strong{font-size:clamp(21px,2vw,31px);font-weight:900;line-height:1.25;margin:12px 0 6px;word-break:break-word}
.kymdo-store-summary{font-size:14px;color:#746f69;line-height:1.6;margin-bottom:29px}
.kymdo-store-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e8e5e2;padding-top:20px;margin-top:auto;color:#111;font-size:13px;font-weight:850}
.kymdo-store-bottom b{font-size:24px;color:#ed312b;font-weight:500}
.kymdo-store-card.is-live .kymdo-store-bottom{color:#d52c25}
.kymdo-store-footnote{font-size:12px;color:#817d78;padding-top:26px;line-height:1.7}
@media(max-width:800px){.kymdo-store-grid{grid-template-columns:1fr;max-width:560px}.kymdo-store-intro{padding:42px 0 25px}.kymdo-store-image{height:220px}}
@media(max-width:480px){.kymdo-store-image{height:185px}.kymdo-store-body{padding:20px}.kymdo-store-intro h1{font-size:37px}}
/* V15.11 email copy sits directly beside the visible email address, no white tile */
.contact-card .kymdo-email-inline{display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap;max-width:100%}
.contact-card .contact-info-row{position:relative}
.contact-card .kymdo-email-inline>.contact-live-email{overflow-wrap:anywhere}
.contact-card .kymdo-email-copy,
.contact-card .kymdo-email-copy:hover,
.contact-card .kymdo-email-copy:focus-visible,
.contact-card .kymdo-email-copy.is-copied{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;min-height:38px;padding:0;margin:0;border:none!important;box-shadow:none;background:transparent!important;color:#171717;cursor:pointer}
.contact-card .kymdo-email-copy.is-copied{color:#168c54!important}
.contact-card .kymdo-email-actions{grid-template-columns:minmax(0,250px);grid-template-rows:52px 52px}
/* Prevent inherited/global focus or hover red frame around green send button. */
.b2b-whatsapp-send,.b2b-whatsapp-send:visited,.b2b-whatsapp-send:hover,.b2b-whatsapp-send:active{background:#158d54!important;color:white!important;border:0!important;outline-color:#111}
.b2b-email-send,.b2b-email-send:visited,.b2b-email-send:hover{background:#eb302c!important;color:white!important;border:0!important}
.b2b-whatsapp-send:hover,.b2b-email-send:hover{transform:translateY(-2px)}
/* Clean file selection bar; the + opens OS file picker, never uploads automatically. */
.b2b-upload-surface{background:#fbfaf8;border:1px solid #e8e5e1;padding:22px 24px}
.b2b-upload-surface .b2b-attachment-head{margin:0 0 14px}
.b2b-upload-surface .b2b-attachment-head p{font-size:12px;line-height:1.75}
.kymdo-attach-row{display:flex;align-items:stretch;min-height:57px;border:1px solid #d2cfca;background:white}
.kymdo-attach-plus{appearance:none;border:none;border-right:1px solid #d2cfca;background:#171717;color:white;width:60px;flex:none;font-weight:350;font-size:35px;cursor:pointer;line-height:1}
.kymdo-attach-plus:hover{background:#ed312b}
.kymdo-attach-plus:focus-visible{outline:3px solid #111;outline-offset:2px;z-index:2}
.kymdo-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.kymdo-attach-url{flex:1;min-width:0;display:flex;margin:0!important}
.kymdo-attach-url input{box-sizing:border-box;width:100%;border:0!important;outline:none!important;background:transparent;padding:14px 17px;min-height:57px;font-size:15px}
.kymdo-attach-url input:focus{box-shadow:inset 0 0 0 2px #333}
.kymdo-attachment-hint{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:13px;color:#77736e;font-size:12px;line-height:1.7}
.kymdo-file-share{border:1px solid #1e8457;background:#eef8f2;color:#17623f;padding:9px 15px;font-size:12px;font-weight:850;cursor:pointer}
.kymdo-picked-files{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.kymdo-picked-files:has(li){margin-top:15px}
.kymdo-picked-files li{display:flex;gap:12px;align-items:center;justify-content:space-between;min-width:0;background:#f0eee9;padding:9px 12px;font-size:12px}
.kymdo-picked-files li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kymdo-picked-files li button{background:none;border:none;min-width:30px;min-height:30px;color:#ac342a;font-size:19px;cursor:pointer}
.kymdo-upload-status{font-size:12px;color:#77726e;margin:10px 0 0;line-height:1.7}
.kymdo-upload-status[data-error="true"]{color:#c92b22}
.b2b-message-wrap{position:relative}
.b2b-message-wrap .b2b-message-field{display:block}
.b2b-message-wrap textarea{padding-right:70px}
.b2b-copy-enquiry.b2b-copy-icon,.b2b-copy-enquiry.b2b-copy-icon:hover{position:absolute;right:13px;top:39px;border:0;box-shadow:none;background:transparent;padding:8px;width:43px;height:43px;min-height:43px;display:grid;place-items:center;color:#42403c}
.b2b-copy-icon svg{width:22px;height:22px}
@media(max-width:650px){.b2b-upload-surface{padding:16px}.contact-card .kymdo-email-actions{grid-template-columns:minmax(0,1fr);max-width:330px}.b2b-send-actions{flex-direction:column}}
@media(prefers-reduced-motion: reduce){.kymdo-store-card,.kymdo-store-image img{transition:none}.kymdo-store-card:hover{transform:none}}


/* === V15.12: three independent 3D flipping ribbon panels === */
.home-ticker.kymdo-flip-ribbon {
  background: #181818;
  color: #fff;
  overflow: visible;
}
.home-ticker.kymdo-flip-ribbon .ticker-inner {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 0;
  padding: 0;
  height: 38px;
  min-height: 38px;
  align-items: stretch;
  justify-content: stretch;
}
.kymdo-flip-ribbon .ticker-tile {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  height: 38px;
  padding: 0;
  margin: 0;
  color: inherit;
  background: #181818;
  border: 0;
  border-radius: 0;
  font: inherit;
  cursor: pointer;
  perspective: 700px;
  -webkit-tap-highlight-color: transparent;
}
.kymdo-flip-ribbon .ticker-tile + .ticker-tile::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  bottom: 9px;
  width: 1px;
  background: #515151;
  z-index: 2;
  pointer-events: none;
}
.kymdo-flip-ribbon .ticker-flip {
  position: absolute;
  inset: 0;
  display: block;
  transform-style: preserve-3d;
  transition: transform .72s cubic-bezier(.2,.75,.2,1);
  will-change: transform;
}
.kymdo-flip-ribbon .ticker-face {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 7px;
  color: #fff;
  text-align: center;
  background: #181818;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.kymdo-flip-ribbon .ticker-front { transform: rotateX(0deg); }
.kymdo-flip-ribbon .ticker-back { transform: rotateX(180deg); }
.kymdo-flip-ribbon .ticker-front strong {
  font-size: 25px;
  letter-spacing: -.5px;
  line-height: 1;
  font-weight: 900;
}
.kymdo-flip-ribbon .ticker-back span {
  color: #f6f6f6;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: .025em;
  overflow-wrap: break-word;
}
.kymdo-flip-ribbon .ticker-label-mobile { display: none; }
.kymdo-flip-ribbon .ticker-tile-down.is-flipped .ticker-flip,
.kymdo-flip-ribbon .ticker-tile-down:focus-visible .ticker-flip { transform: rotateX(-180deg); }
.kymdo-flip-ribbon .ticker-tile-up.is-flipped .ticker-flip,
.kymdo-flip-ribbon .ticker-tile-up:focus-visible .ticker-flip { transform: rotateX(180deg); }
@media (hover:hover) and (pointer:fine) {
  .kymdo-flip-ribbon .ticker-tile-down:hover .ticker-flip { transform: rotateX(-180deg); }
  .kymdo-flip-ribbon .ticker-tile-up:hover .ticker-flip { transform: rotateX(180deg); }
}
.kymdo-flip-ribbon .ticker-tile:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -3px;
  z-index: 3;
}
@media(max-width:650px) {
  .home-ticker.kymdo-flip-ribbon .ticker-inner {height:44px;min-height:44px;padding:0 4px;gap:0;}
  .kymdo-flip-ribbon .ticker-tile {height:44px;}
  .kymdo-flip-ribbon .ticker-face {padding:2px 4px;}
  .kymdo-flip-ribbon .ticker-front strong {font-size:22px;}
  .kymdo-flip-ribbon .ticker-back span {font-size:11px;line-height:1.15;letter-spacing:0;}
  .kymdo-flip-ribbon .ticker-label-desktop {display:none;}
  .kymdo-flip-ribbon .ticker-label-mobile {display:inline;}
}
@media(prefers-reduced-motion:reduce) {
  .kymdo-flip-ribbon .ticker-flip {transition-duration:0.01ms;will-change:auto;}
}


/* V15.13: accessible formatting preview and fallback for mail clients that strip CRLF */
.kymdo-email-preview{width:100%;margin-top:10px;border-top:1px solid #e8e5e2;padding-top:14px}
.kymdo-email-preview summary{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#636363;list-style:none;user-select:none}
.kymdo-email-preview summary::-webkit-details-marker{display:none}
.kymdo-email-preview summary:hover{text-decoration:underline;color:#222}
.kymdo-email-preview summary:focus-visible,.kymdo-email-preview-copy:focus-visible{outline:3px solid #da322e;outline-offset:4px}
.kymdo-email-preview[open] summary span[aria-hidden]{transform:rotate(180deg)}
.kymdo-email-preview-inner{margin-top:14px;padding:18px;border:1px solid #dfddd9;background:#faf9f7}
.kymdo-email-preview-note{font-size:12px;font-weight:800;margin:0 0 8px;color:#686868}
.kymdo-email-preview-subject{font-size:14px;margin-bottom:20px;overflow-wrap:anywhere;font-weight:650}
/* V15.23: the copy action lives inside the message preview, not below it. */
.kymdo-email-preview-body{position:relative;min-width:0}
.kymdo-email-preview-text{background:#fff;border:1px solid #d7d5d2;white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:14px;line-height:1.9;max-height:440px;min-height:180px;overflow:auto;padding:18px 68px 18px 18px;margin:0;color:#181818}
.kymdo-email-preview-copy{position:absolute;top:12px;right:12px;z-index:1;display:grid;place-items:center;width:44px;height:44px;border:1px solid #e5e3e0;border-radius:8px;background:#fff;color:#292929;cursor:pointer;transition:background-color .18s,border-color .18s,color .18s}
.kymdo-email-preview-copy svg{width:21px;height:21px;display:block}
.kymdo-preview-icon-done{display:none!important}
.kymdo-email-preview-copy.is-copied{color:#087b47;background:#f0faf5;border-color:#8ccdb0}
.kymdo-email-preview-copy.is-copied .kymdo-preview-icon-copy{display:none}
.kymdo-email-preview-copy.is-copied .kymdo-preview-icon-done{display:block!important}
.kymdo-email-preview-feedback{position:absolute;top:20px;right:64px;font-size:12px;color:#087b47;background:#fff;pointer-events:none;opacity:0;transition:opacity .2s}
.kymdo-email-preview-feedback.has-message{opacity:1}
@media(hover:hover){.kymdo-email-preview-copy:hover{background:#f4f4f4;border-color:#bbb}}
@media(max-width:500px){.kymdo-email-preview-text{padding-right:62px}.kymdo-email-preview-inner{padding:12px}.kymdo-email-preview-feedback{top:57px;right:14px}}
@media(prefers-reduced-motion:reduce){.kymdo-email-preview-copy,.kymdo-email-preview-feedback{transition:none}}


/* ===== V15.14 — primary Store entry: three independent brand site selections ===== */
.kymdo-store-v1514{background:#f5f3ef;padding-bottom:75px}
.kymdo-store-v1514 .kymdo-store-intro{padding:58px 0 34px}
.kymdo-store-intro-layout{display:flex;align-items:end;justify-content:space-between;gap:26px}
.kymdo-store-v1514 .kymdo-store-eyebrow{font-size:12px;letter-spacing:.23em;margin-bottom:15px}
.kymdo-store-v1514 h1{font-size:clamp(43px,5vw,73px);letter-spacing:-.06em;margin-bottom:16px}
.kymdo-store-v1514 .kymdo-store-desc{max-width:700px;font-size:15px;line-height:1.85}
.kymdo-store-intro-aside{display:flex;flex-direction:column;align-items:flex-end;color:#161616;border-bottom:2px solid #ec332e;min-width:164px;padding-bottom:11px;flex:none}
.kymdo-store-intro-aside .kymdo-store-count{font-size:76px;font-weight:900;line-height:1;letter-spacing:-.08em}
.kymdo-store-intro-aside>span:last-child{font-size:11px;font-weight:850;letter-spacing:.08em}
.kymdo-store-v1514 .kymdo-store-grid{gap:19px}
.kymdo-store-v1514 .kymdo-store-card{border:1px solid #e3ded8;box-shadow:0 4px 12px #17171706}
.kymdo-store-v1514 .kymdo-store-image{height:clamp(190px,21vw,300px)}
.kymdo-store-v1514 .kymdo-store-body{padding:24px 25px 21px}
.kymdo-store-card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.kymdo-store-v1514 .kymdo-store-index{font-size:10px;color:#b82a25;letter-spacing:.11em}
.kymdo-store-status{display:inline-flex;align-items:center;padding:6px 8px;border:1px solid #e4dbd2;background:#fbf8f4;color:#756f68;font-size:10px;font-weight:750;white-space:nowrap;letter-spacing:0}
.kymdo-store-v1514 .kymdo-store-card.is-live .kymdo-store-status{color:#137a4a;background:#eff8f1;border-color:#b2dac1}
.kymdo-store-v1514 .kymdo-store-body strong{font-size:clamp(22px,2.2vw,30px);margin:14px 0 8px}
.kymdo-store-v1514 .kymdo-store-summary{font-size:14px;margin-bottom:27px}
.kymdo-store-v1514 .kymdo-store-bottom{padding-top:18px;margin-top:auto}
.kymdo-store-v1514 .kymdo-store-footnote{max-width:1390px;margin:0 auto;font-size:12px;color:#78736d;padding-top:24px}
@media(max-width:1000px){.kymdo-store-v1514 .kymdo-store-grid{gap:12px}.kymdo-store-v1514 .kymdo-store-body{padding:17px}.kymdo-store-card-head{gap:8px}.kymdo-store-intro-aside .kymdo-store-count{font-size:60px}}
@media(max-width:800px){.kymdo-store-v1514 .kymdo-store-intro{padding:39px 0 23px}.kymdo-store-intro-aside{display:none}.kymdo-store-v1514 .kymdo-store-grid{gap:18px}.kymdo-store-v1514 .kymdo-store-image{height:220px}}
@media(max-width:480px){.kymdo-store-v1514 h1{font-size:39px}.kymdo-store-v1514 .kymdo-store-image{height:195px}.kymdo-store-v1514 .kymdo-store-desc{font-size:14px}}
@media(prefers-reduced-motion:reduce){.kymdo-store-v1514 .kymdo-store-card,.kymdo-store-v1514 .kymdo-store-card img{transition:none!important}}


/* KYMDO V15.15 | direct-to-store hub: one-line announcement + 3 centered independent brand links */
.kymdo-direct-store{background:#f5f3ef;min-height:690px;color:#141414}
.kymdo-direct-shop-section{padding:106px 0 105px;text-align:center}
.kymdo-direct-shop-inner{display:flex;flex-direction:column;align-items:center}
.kymdo-direct-overline{font-weight:850;color:#ed312b;letter-spacing:.23em;font-size:13px;line-height:1.5;margin:0 0 23px}
.kymdo-direct-emblem{width:86px;height:86px;display:grid;place-items:center;border-radius:50%;background:#ed312b;color:white;font-size:44px;font-weight:400;line-height:1;margin:0 0 31px}
.kymdo-direct-shop-section h1{font-size:clamp(38px,5.4vw,78px);font-weight:900;letter-spacing:-.055em;line-height:1.16;margin:0 0 28px}
.kymdo-direct-description{font-size:16px;line-height:1.75;color:#66615e;margin:0 auto 44px;white-space:nowrap;max-width:100%}
.kymdo-direct-brands{display:flex;align-items:stretch;justify-content:center;gap:17px;width:100%;margin:0 auto;flex-wrap:wrap}
.kymdo-direct-brand{display:flex;position:relative;align-items:center;justify-content:center;gap:15px;width:216px;min-height:72px;padding:16px 33px 16px 19px;border:1.4px solid #343130;background:transparent;color:#161616;font-size:20px;font-weight:850;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}
.kymdo-direct-brand.is-primary{color:#fff;background:#ed312b;border-color:#ed312b}
.kymdo-direct-brand svg{width:30px;height:30px;flex:none}
.kymdo-direct-brand-arrow{position:absolute;right:15px;font-size:18px;font-weight:400}
.kymdo-direct-brand:hover{transform:translateY(-3px);box-shadow:0 9px 18px #00000018;color:#161616}
.kymdo-direct-brand.is-primary:hover{color:white}
.kymdo-direct-brand:focus-visible{outline:3px solid #ed312b;outline-offset:4px}
.kymdo-direct-notice{border-top:1px solid #dedad4;width:min(700px,100%);margin-top:41px;padding-top:23px;color:#817b75;font-size:13px;line-height:1.8}
@media(max-width:1200px){.kymdo-direct-description{white-space:normal;max-width:880px}.kymdo-direct-shop-section{padding:85px 0}}
@media(max-width:700px){.kymdo-direct-store{min-height:0}.kymdo-direct-shop-section{padding:66px 0 80px}.kymdo-direct-shop-section h1{font-size:clamp(36px,9vw,54px);margin-bottom:22px}.kymdo-direct-overline{font-size:11px}.kymdo-direct-emblem{width:70px;height:70px;font-size:35px;margin-bottom:24px}.kymdo-direct-description{font-size:14px;line-height:1.85;margin-bottom:30px}.kymdo-direct-brands{gap:12px}.kymdo-direct-brand{width:min(100%,330px);min-height:65px}.kymdo-direct-notice{margin-top:35px}}
@media(prefers-reduced-motion:reduce){.kymdo-direct-brand{transition:none}.kymdo-direct-brand:hover{transform:none}}


/* V15.17 | User-reviewed refinements: compact contact cards, aligned enquiry choices,
   ChatGPT-like file-link bar and independent Toy / Tea / camp colors. */
body[data-page="contact"] .contact-layout {align-items:stretch;gap:22px}
body[data-page="contact"] .contact-card {min-height:0;padding:40px clamp(26px,3.6vw,56px) 34px}
body[data-page="contact"] .contact-card h2 {font-size:clamp(42px,3.8vw,62px);line-height:1.08;margin:18px 0 22px}
body[data-page="contact"] .contact-card > p {line-height:1.75}
body[data-page="contact"] .contact-card .b2b-types {margin-top:24px;gap:8px}
body[data-page="contact"] .contact-card .b2b-types span {padding:9px 11px}
body[data-page="contact"] .kymdo-contact-email-lower {margin-top:18px;padding-top:12px;border-top:1px solid #dcd8d1}
body[data-page="contact"] .contact-card .kymdo-email-actions {margin-top:25px}
/* Email and WhatsApp options: no OR, same edges as the form grid. */
body[data-page="contact"] .b2b-contact-choice {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:0 0 20px;margin:0 0 23px;align-items:stretch;border-bottom:0}
body[data-page="contact"] .b2b-choice-or {display:none!important}
body[data-page="contact"] .b2b-channel-card {min-height:128px;padding:18px 22px;position:relative;justify-content:center;gap:6px;background:#f8f7f4}
body[data-page="contact"] .b2b-channel-wa {background:#f0faf4;padding-right:145px}
body[data-page="contact"] .b2b-channel-card strong {font-size:17px}
body[data-page="contact"] .b2b-channel-card .b2b-channel-address {font-size:clamp(13px,1.2vw,17px);border-bottom-width:1px;padding-bottom:3px}
body[data-page="contact"] .kymdo-whatsapp-qr {position:absolute;right:14px;top:50%;transform:translateY(-50%);padding:5px;margin:0;display:flex;flex-direction:column;gap:3px;text-align:center;border-radius:3px;width:112px;max-width:112px;background:#fff}
body[data-page="contact"] .kymdo-whatsapp-qr img{display:block;width:86px;height:86px;margin:auto;object-fit:contain}
body[data-page="contact"] .kymdo-whatsapp-qr span{font-size:9px;color:#507c5c;line-height:1.3;max-width:100px}
body[data-page="contact"] .b2b-compose-intro {display:none}
body[data-page="contact"] .b2b-upload-surface {padding:18px 22px;background:#fcfbfa}
body[data-page="contact"] .b2b-upload-surface .b2b-attachment-head {margin-bottom:14px}
/* Capsule input, with only '+' at left and grey '文件链接' placeholder. */
body[data-page="contact"] .kymdo-attach-row {border:1px solid #dedcd8;border-radius:999px;background:#fff;overflow:hidden;min-height:62px;align-items:center;box-shadow:0 2px 10px #00000007}
body[data-page="contact"] .kymdo-attach-plus {border:0;background:transparent!important;color:#222!important;font-size:32px;font-weight:350;width:62px;height:60px;min-height:60px;line-height:1;transition:transform .16s ease}
body[data-page="contact"] .kymdo-attach-plus:hover {transform:scale(1.12);background:transparent!important}
body[data-page="contact"] .kymdo-attach-plus:focus-visible {outline:2px solid #ed312b;outline-offset:-4px;border-radius:50%}
body[data-page="contact"] .kymdo-attach-url {flex:1;min-width:0}
body[data-page="contact"] .kymdo-attach-url input {padding:14px 22px 14px 0;min-height:60px;font-size:16px;border:0!important;box-shadow:none!important}
body[data-page="contact"] .kymdo-attach-url input::placeholder {color:#96958f;opacity:1}
body[data-page="contact"] .kymdo-attach-url input:focus {outline:none!important;box-shadow:none!important}
body[data-page="contact"] .kymdo-attach-row:focus-within {border-color:#333;box-shadow:0 0 0 2px #18181812}
body[data-page="contact"] .kymdo-attachment-hint {font-size:11px;margin-top:10px}
body[data-page="contact"] .kymdo-upload-status {font-size:11px;margin-top:6px;color:#777}
/* Identically-sized send actions, without the default red border around the green button. */
body[data-page="contact"] .b2b-send-actions{display:grid;grid-template-columns:repeat(2,minmax(0,230px));gap:13px;width:100%;margin:3px 0}
body[data-page="contact"] .b2b-send-actions > .btn{box-sizing:border-box;width:100%;height:60px;min-height:60px;padding:0 19px;font-size:14px;display:flex;align-items:center;justify-content:space-between}
body[data-page="contact"] .b2b-email-send{background:#ed312b!important;border:1px solid #ed312b!important;color:#fff!important}
body[data-page="contact"] .b2b-whatsapp-send{background:#168c54!important;border:1px solid #168c54!important;color:#fff!important}
body[data-page="contact"] .b2b-whatsapp-send:hover,body[data-page="contact"] .b2b-email-send:hover{filter:none;transform:translateY(-2px)}
body[data-page="contact"] .b2b-dual-send{gap:12px}
body[data-page="contact"] .b2b-submit-copy:empty{display:none}
/* Individual stores can adopt branded button colors without changing their destination. */
body[data-page="store-hub"] .kymdo-direct-brand.is-tea {color:#fff;background:#128657;border-color:#128657}
body[data-page="store-hub"] .kymdo-direct-brand.is-tea:hover {color:#fff;background:#128657}
body[data-page="store-hub"] .kymdo-direct-brand.is-camp {color:#181818;background:#f4ca32;border-color:#e5b824}
body[data-page="store-hub"] .kymdo-direct-brand.is-camp:hover {color:#181818;background:#f4ca32}
body[data-page="store-hub"] .kymdo-tea-leaf {width:17px!important;height:17px!important;flex:0 0 17px;margin-left:-9px;stroke-width:2}
@media(max-width:850px){
 body[data-page="contact"] .b2b-contact-choice {grid-template-columns:1fr;gap:12px}
 body[data-page="contact"] .b2b-channel-card {padding:16px 18px;min-height:110px}
 body[data-page="contact"] .b2b-channel-wa {padding-right:142px;min-height:125px}
 body[data-page="contact"] .kymdo-whatsapp-qr {right:10px}
 body[data-page="contact"] .contact-card {padding:35px 28px}
}
@media(max-width:600px){
 body[data-page="contact"] .b2b-send-actions{grid-template-columns:1fr;width:100%}
 body[data-page="contact"] .b2b-send-actions>.btn {width:100%;height:56px;min-height:56px}
 body[data-page="contact"] .contact-card h2 {font-size:clamp(37px,9vw,53px)}
 body[data-page="contact"] .kymdo-attach-row {min-height:56px}
 body[data-page="contact"] .kymdo-attach-plus {width:56px;height:55px;min-height:55px}
 body[data-page="contact"] .kymdo-attach-url input {min-height:55px;font-size:16px}
 body[data-page="contact"] .kymdo-whatsapp-qr img {width:70px;height:70px}
 body[data-page="contact"] .kymdo-whatsapp-qr{width:95px;max-width:95px}
 body[data-page="contact"] .b2b-channel-wa {padding-right:116px}
 body[data-page="contact"] .b2b-channel-card strong {font-size:16px}
 body[data-page="contact"] .b2b-channel-address{overflow-wrap:anywhere;word-break:break-word}
}
@media(prefers-reduced-motion:reduce){body[data-page="contact"] .kymdo-attach-plus{transition:none}}
/* A deliberate white separator between the text and media halves of the '了解商城' brand introduction, matching the spacing language of Contact & Partnerships. */
body[data-page="brands"] .brand-intro {gap:22px;background:#fff}
body[data-page="brands"] .brand-intro-copy {width:calc(52% - 11px);background:#181818}
body[data-page="brands"] .brand-intro-visual {width:calc(48% - 11px)}
@media(max-width:650px){
 body[data-page="brands"] .brand-intro {gap:14px;display:flex;flex-direction:column}
 body[data-page="brands"] .brand-intro-copy,
 body[data-page="brands"] .brand-intro-visual {width:100%}
}


/* KYMDO V15.20: QR-only WhatsApp contact card (no descriptive caption).
   Keep the QR smaller than the green channel card and vertically centered. */
body[data-page="contact"] .kymdo-whatsapp-qr {
  width: 106px;
  max-width: 106px;
  height: 106px;
  padding: 6px;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  margin: 0;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
}
body[data-page="contact"] .kymdo-whatsapp-qr img {
  display: block;
  width: 94px;
  height: 94px;
  max-width: 100%;
  object-fit: contain;
  margin: 0;
}
@media (max-width: 600px) {
  body[data-page="contact"] .kymdo-whatsapp-qr {
    width: 91px;
    max-width: 91px;
    height: 91px;
    padding: 5px;
    right: 10px;
  }
  body[data-page="contact"] .kymdo-whatsapp-qr img {
    width: 81px;
    height: 81px;
  }
}

/* KYMDO V15.21 — show email address to the RIGHT of the red email button.
   Keep the WhatsApp action directly beneath the red one; preserve copy handler. */
body[data-page="contact"] .contact-card .kymdo-email-actions {
  display:grid;grid-template-columns:minmax(0,250px) minmax(0,1fr);
  grid-template-rows:52px 52px;gap:12px;align-items:stretch;
  width:100%;max-width:none;margin-top:25px;
}
body[data-page="contact"] .contact-card .kymdo-email-compose {grid-column:1;grid-row:1;}
body[data-page="contact"] .contact-card .kymdo-whatsapp-compose {grid-column:1;grid-row:2;}
body[data-page="contact"] .kymdo-email-adjacent {
  grid-column:2;grid-row:1;min-width:0;min-height:52px;
  border:1px solid #d5d1ca;background:transparent;
  display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 12px;
}
body[data-page="contact"] .kymdo-email-adjacent .kymdo-email-inline {
  display:flex;align-items:center;flex-wrap:nowrap;gap:4px;min-width:0;width:100%;
}
body[data-page="contact"] .kymdo-email-adjacent .contact-live-email {
  display:block;flex:1 1 auto;min-width:0;max-width:100%;
  margin:0;padding:0;border:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
  font-size:clamp(12px,1.02vw,15px);font-weight:780;letter-spacing:-.02em;line-height:1.4;
  color:#1b1b1b;
}
body[data-page="contact"] .kymdo-email-adjacent .kymdo-email-copy,
body[data-page="contact"] .kymdo-email-adjacent .kymdo-email-copy:hover,
body[data-page="contact"] .kymdo-email-adjacent .kymdo-email-copy:focus-visible {
  display:inline-flex;flex:0 0 34px;width:34px;min-width:34px;height:38px;min-height:38px;
  align-items:center;justify-content:center;padding:0;margin:0;border:0!important;
  box-shadow:none!important;background:transparent!important;
}
body[data-page="contact"] .kymdo-email-adjacent .kymdo-email-copy svg {width:19px;height:19px;}
@media(max-width:1200px) {
  body[data-page="contact"] .contact-card .kymdo-email-actions {
    grid-template-columns:minmax(0,1fr);grid-template-rows:52px 52px 52px;
    width:100%;max-width:370px;
  }
  body[data-page="contact"] .contact-card .kymdo-email-compose{grid-column:1;grid-row:1;}
  body[data-page="contact"] .contact-card .kymdo-whatsapp-compose{grid-column:1;grid-row:2;}
  body[data-page="contact"] .kymdo-email-adjacent{grid-column:1;grid-row:3;}
  body[data-page="contact"] .kymdo-email-adjacent .contact-live-email{font-size:14px;}
}
@media(max-width:650px) {
  body[data-page="contact"] .contact-card .kymdo-email-actions{max-width:100%;}
}

/* V15.24: navigation destinations for flipping bar; offset fixed header. */
#brands, #business, body[data-page="home"] #about {scroll-margin-top: 92px;}
.kymdo-flip-ribbon a.ticker-tile {text-decoration:none;}
@media (max-width:900px) {#brands, #business, body[data-page="home"] #about {scroll-margin-top: 76px;}}
@media (max-width:650px) {#brands, #business, body[data-page="home"] #about {scroll-margin-top: 68px;}}


/* ==============================================================
   KYMDO V15.25 — fixed floating controls / viewport alignment
   WhatsApp's CENTER stays at 50% of the viewport height.
   Back-to-top sits beneath WhatsApp with an EDGE-TO-EDGE GAP
   equal to one WhatsApp-button height (54px).
   Both controls share the same horizontal centerline (41.5px
   from the right viewport edge) on desktop and mobile.
   ============================================================= */
:root {
  --kymdo-float-wa-size: 54px;
  --kymdo-float-top-size: 43px;
  --kymdo-float-right-center: 41.5px;
  --kymdo-float-gap: 54px;
}
.kymdo-float-whatsapp {
  position: fixed;
  top: 50%;
  bottom: auto;
  right: calc(var(--kymdo-float-right-center) - 27px);
  width: var(--kymdo-float-wa-size);
  height: var(--kymdo-float-wa-size);
  transform: translateY(-50%);
}
.float-top {
  position: fixed;
  top: calc(50% + 27px + var(--kymdo-float-gap));
  bottom: auto;
  right: calc(var(--kymdo-float-right-center) - 21.5px);
  width: var(--kymdo-float-top-size);
  height: var(--kymdo-float-top-size);
}


/* V15.26 — Inactive social platforms stay visible but clearly unavailable. */
.footer-v6 .social-tile.social-awaiting-url{
  background:#55585c;
  filter:grayscale(1);
  opacity:.62;
  box-shadow:none;
  cursor:default;
}
.footer-v6 .social-tile.social-awaiting-url:hover{
  transform:none;
  box-shadow:none;
}
.footer-v6 .social-tile.social-awaiting-url:after{
  border-color:#ffffff22;
}

/* V15.30 | About Us spacing now matches Contact & Partnerships:
   b = the same natural .page-masthead height (including bottom padding);
   a = the same blank gap as the contact page's .section top padding.
   Only About Us is affected; do not alter the shared .page-masthead. */
body[data-page="about"] .about-masthead-spacer {
  display: block;
  height: 86px;
  background: #fff;
}
@media (max-width: 650px) {
  body[data-page="about"] .about-masthead-spacer { height: 60px; }
}

/* KYMDO V15.31 | Vertical per-video volume popover. Works in campaign and all brand/video slots. */
.kymdo-video-timeline{overflow:visible!important;}
.kymdo-video-sound{position:relative;display:flex;flex:0 0 auto;align-items:center;justify-content:center;isolation:isolate;}
.kymdo-video-sound .kymdo-video-mute{min-width:35px;min-height:32px;line-height:1;position:relative;z-index:1;}
.kymdo-video-volume-panel[hidden]{display:none!important;}
.kymdo-video-volume-panel{position:absolute;bottom:calc(100% + 12px);right:50%;transform:translateX(50%);width:58px;height:182px;box-sizing:border-box;z-index:30;display:flex;flex-direction:column;align-items:center;gap:7px;padding:9px 7px;background:rgba(20,22,24,.94);border:1px solid rgba(255,255,255,.27);box-shadow:0 8px 24px #0008;border-radius:13px;color:white;backdrop-filter:blur(6px);}
.kymdo-video-volume-panel:after{content:'';position:absolute;bottom:-6px;left:calc(50% - 6px);width:11px;height:11px;transform:rotate(45deg);background:#202224;border-right:1px solid rgba(255,255,255,.24);border-bottom:1px solid rgba(255,255,255,.24);}
.kymdo-video-volume-value{flex:0 0 auto;font:700 11px/16px system-ui,Arial,sans-serif;font-variant-numeric:tabular-nums;color:#fff;}
.kymdo-video-volume-range{writing-mode:vertical-lr;direction:rtl;appearance:none;-webkit-appearance:none;box-sizing:border-box;flex:1 1 auto;min-height:75px;height:90px;width:30px;max-width:30px;margin:0;cursor:default!important;background:transparent!important;accent-color:white;touch-action:none;}
.kymdo-video-volume-range::-webkit-slider-runnable-track{width:6px;border-radius:99px;border:0;background:linear-gradient(to top,#fff 0%,#fff var(--kymdo-volume-fill,100%),#777 var(--kymdo-volume-fill,100%),#777 100%);}
.kymdo-video-volume-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-left:-5px;border-radius:50%;border:2px solid #fff;background:#ededed;box-shadow:0 1px 4px #0009;}
.kymdo-video-volume-range::-moz-range-track{width:6px;border-radius:99px;background:#777;}
.kymdo-video-volume-range::-moz-range-progress{width:6px;border-radius:99px;background:white;}
.kymdo-video-volume-range::-moz-range-thumb{width:15px;height:15px;border:2px solid #fff;border-radius:50%;background:#ededed;}
.kymdo-video-volume-quiet{flex:0 0 auto;border:0;border-radius:5px;min-width:31px;min-height:25px;color:white;background:#ffffff25;font-size:14px;padding:3px 5px;cursor:default!important;}
.kymdo-video-volume-quiet:hover,.kymdo-video-volume-quiet:focus-visible{background:#ffffff55;}
.kymdo-video-volume-panel :focus-visible{outline:2px solid white;outline-offset:1px;}
@media(max-width:540px){.kymdo-video-volume-panel{height:155px;width:56px;bottom:calc(100% + 8px);gap:4px;padding:7px 6px;}.kymdo-video-volume-range{height:70px;min-height:55px;}}

/* V15.32 · kymdocamp 产品信息区（仅品牌详情页的 camp 显示） */
[data-camp-highlights][hidden]{display:none!important}
.camp-highlights{width:100%;max-width:560px;margin:20px 0 0;}
.camp-highlights-label{font-size:11px;letter-spacing:1.7px;font-weight:800;color:#ed312b;margin-bottom:10px;}
.camp-gear-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;}
.camp-gear-list li{font-size:12px;line-height:1.4;font-weight:750;color:#2d2b27;background:#fff;border:1px solid #e4dfd6;padding:8px 10px;}
.camp-proof-points{border-top:1px solid #ddd7cd;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;padding-top:13px;}
.camp-proof-item{display:flex;flex-direction:column;gap:5px;min-width:0;}
.camp-proof-item strong{font-size:clamp(21px,2.4vw,31px);letter-spacing:-1px;line-height:1.15;}
.camp-proof-item span{font-size:11px;line-height:1.6;color:#625e59;}
.brand-detail-copy:has(.camp-highlights:not([hidden])){padding-top:54px;padding-bottom:54px;}
.brand-detail-copy:has(.camp-highlights:not([hidden])) .back-links{margin-top:22px;}
@media(max-width:650px){.camp-highlights{margin-top:18px}.camp-proof-points{gap:13px}.brand-detail-copy:has(.camp-highlights:not([hidden])){padding-top:47px;padding-bottom:47px;}}
@media(max-width:360px){.camp-proof-points{grid-template-columns:1fr;gap:12px}}

/* V15.33 — kymdotea heritage story, only on tea brand detail page */
[data-tea-highlights][hidden]{display:none!important}
.tea-highlights{width:100%;max-width:540px;margin:19px 0 0}
.tea-highlights-label{font-size:11px;font-weight:800;letter-spacing:1.6px;color:#b56d21;margin-bottom:10px}
.tea-heritage-list{list-style:none;display:flex;gap:7px;flex-wrap:wrap;margin:0;padding:0}
.tea-heritage-list li{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:1.45;font-weight:700;border:1px solid #ddd4be;background:#fffdf6;color:#38362d;padding:8px 10px}
.tea-heritage-mark{font-size:10px;color:#946a24;font-weight:900;letter-spacing:.2px}
.tea-heritage-note{color:#7c6953!important;font-size:12px!important;line-height:1.75!important;padding-left:11px;border-left:3px solid #b58e4f;margin:15px 0 0!important}
.brand-detail-copy:has(.tea-highlights:not([hidden])){padding-top:51px;padding-bottom:51px}
.brand-detail-copy:has(.tea-highlights:not([hidden])) .back-links{margin-top:22px}
@media (max-width:650px){.brand-detail-copy:has(.tea-highlights:not([hidden])){padding-top:45px;padding-bottom:45px}.tea-highlights{margin-top:15px}.tea-heritage-list li{padding:7px 9px}}


/* V15.34 · kymdotoybox 机械拼搭亮点，仅 toybox 页面显示 */
[data-toy-highlights][hidden]{display:none!important}
.toy-highlights{width:100%;max-width:555px;margin:18px 0 0}
.toy-highlights-label{font-size:11px;line-height:1.55;font-weight:800;letter-spacing:1.15px;color:#ed312b;margin-bottom:9px}
.toy-play-list{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:0}
.toy-play-list li{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #dfd9d0;background:#fff;color:#292825;font-weight:700;font-size:12px;line-height:1.45}
.toy-play-list li>span:first-child{color:#df3d32;font-size:10px;font-weight:850}
.brand-detail-copy .toy-highlights-note{font-size:12px;line-height:1.75;color:#665f58;margin:13px 0 0;padding-left:10px;border-left:3px solid #ed312b}
.brand-detail-copy:has(.toy-highlights:not([hidden])){padding-top:50px;padding-bottom:50px}
.brand-detail-copy:has(.toy-highlights:not([hidden])) .back-links{margin-top:23px}
@media(max-width:650px){.brand-detail-copy:has(.toy-highlights:not([hidden])){padding-top:45px;padding-bottom:45px}.toy-highlights{margin-top:15px}.toy-play-list li{padding:7px 9px}}

/* V15.36 volume fix: all volume slider interactions stay inside the video,
   and the visible zero position truly corresponds to muted audio. */
.kymdo-video-sound,.kymdo-video-volume-panel{pointer-events:auto;user-select:none;-webkit-user-select:none;}
.kymdo-video-volume-range{cursor:ns-resize!important;touch-action:none!important;}
.kymdo-video-volume-quiet,.kymdo-video-sound .kymdo-video-mute{cursor:pointer!important;}
.kymdo-video-volume-panel{z-index:50;}

/* V15.37: single-speaker 30% volume control. No second mute control. */
.kymdo-video-volume-panel{height:149px;gap:9px;padding:10px 7px;}
.kymdo-video-volume-range{height:95px;min-height:90px;}
.kymdo-video-volume-quiet{display:none!important;}
@media(max-width:540px){.kymdo-video-volume-panel{height:139px;gap:8px;padding:9px 6px;}.kymdo-video-volume-range{height:83px;min-height:76px;}}


/* KYMDO V15.41: B2B categories — one clean outlined label per category.
   The former nested <span> markup made two borders and caused the English
   labels to wrap onto a second row even on full-size desktop screens. */
body[data-page="contact"] .contact-card.dark .b2b-types {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 9px;
  margin: 22px 0 0;
}
body[data-page="contact"] .contact-card.dark .b2b-types > span {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  border: 1px solid #6d6863;
  color: #e7ded8;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
  white-space: nowrap;
}
/* At genuinely narrow widths the labels may wrap gracefully; no overflow. */
@media (max-width: 1200px) {
  body[data-page="contact"] .contact-card.dark .b2b-types { flex-wrap: wrap; }
}
@media (max-width: 650px) {
  body[data-page="contact"] .contact-card.dark .b2b-types { gap: 8px; }
  body[data-page="contact"] .contact-card.dark .b2b-types > span {padding: 9px 11px; }
}

/* V15.38 volume fix: all volume slider interactions stay inside the video,
   and the visible zero position truly corresponds to muted audio. */
.kymdo-video-sound,.kymdo-video-volume-panel{pointer-events:auto;user-select:none;-webkit-user-select:none;}
.kymdo-video-volume-range{cursor:ns-resize!important;touch-action:none!important;}
.kymdo-video-volume-quiet,.kymdo-video-sound .kymdo-video-mute{cursor:pointer!important;}
.kymdo-video-volume-panel{z-index:50;}

/* V15.38: one speaker, compact vertical volume control */
.kymdo-video-volume-panel{height:149px;gap:9px;padding:10px 7px}
.kymdo-video-volume-range{height:95px;min-height:90px}
.kymdo-video-volume-quiet{display:none!important}
@media(max-width:540px){.kymdo-video-volume-panel{height:139px;gap:8px;padding:9px 6px}.kymdo-video-volume-range{height:83px;min-height:76px}}



/* V15.38: one speaker, compact vertical volume control */
.kymdo-video-volume-panel{height:149px;gap:9px;padding:10px 7px}
.kymdo-video-volume-range{height:95px;min-height:90px}
.kymdo-video-volume-quiet{display:none!important}
@media(max-width:540px){.kymdo-video-volume-panel{height:139px;gap:8px;padding:9px 6px}.kymdo-video-volume-range{height:83px;min-height:76px}}



/* V15.38: one speaker, compact vertical volume control */
.kymdo-video-volume-panel{height:149px;gap:9px;padding:10px 7px}
.kymdo-video-volume-range{height:95px;min-height:90px}
.kymdo-video-volume-quiet{display:none!important}
@media(max-width:540px){.kymdo-video-volume-panel{height:139px;gap:8px;padding:9px 6px}.kymdo-video-volume-range{height:83px;min-height:76px}}



/* V15.38: one speaker, compact vertical volume control */
.kymdo-video-volume-panel{height:149px;gap:9px;padding:10px 7px}
.kymdo-video-volume-range{height:95px;min-height:90px}
.kymdo-video-volume-quiet{display:none!important}
@media(max-width:540px){.kymdo-video-volume-panel{height:139px;gap:8px;padding:9px 6px}.kymdo-video-volume-range{height:83px;min-height:76px}}



/* V15.38: one speaker, compact vertical volume control */
.kymdo-video-volume-panel{height:149px;gap:9px;padding:10px 7px}
.kymdo-video-volume-range{height:95px;min-height:90px}
.kymdo-video-volume-quiet{display:none!important}
@media(max-width:540px){.kymdo-video-volume-panel{height:139px;gap:8px;padding:9px 6px}.kymdo-video-volume-range{height:83px;min-height:76px}}



/* V15.38: one speaker, compact vertical volume control */
.kymdo-video-volume-panel{height:149px;gap:9px;padding:10px 7px}
.kymdo-video-volume-range{height:95px;min-height:90px}
.kymdo-video-volume-quiet{display:none!important}
@media(max-width:540px){.kymdo-video-volume-panel{height:139px;gap:8px;padding:9px 6px}.kymdo-video-volume-range{height:83px;min-height:76px}}



/* V15.38: one speaker, compact vertical volume control */
.kymdo-video-volume-panel{height:149px;gap:9px;padding:10px 7px}
.kymdo-video-volume-range{height:95px;min-height:90px}
.kymdo-video-volume-quiet{display:none!important}
@media(max-width:540px){.kymdo-video-volume-panel{height:139px;gap:8px;padding:9px 6px}.kymdo-video-volume-range{height:83px;min-height:76px}}



/* V15.38: one speaker, compact vertical volume control */
.kymdo-video-volume-panel{height:149px;gap:9px;padding:10px 7px}
.kymdo-video-volume-range{height:95px;min-height:90px}
.kymdo-video-volume-quiet{display:none!important}
@media(max-width:540px){.kymdo-video-volume-panel{height:139px;gap:8px;padding:9px 6px}.kymdo-video-volume-range{height:83px;min-height:76px}}



/* V15.38: one speaker, compact vertical volume control */
.kymdo-video-volume-panel{height:149px;gap:9px;padding:10px 7px}
.kymdo-video-volume-range{height:95px;min-height:90px}
.kymdo-video-volume-quiet{display:none!important}
@media(max-width:540px){.kymdo-video-volume-panel{height:139px;gap:8px;padding:9px 6px}.kymdo-video-volume-range{height:83px;min-height:76px}}



/* V15.38: one speaker, compact vertical volume control */
.kymdo-video-volume-panel{height:149px;gap:9px;padding:10px 7px}
.kymdo-video-volume-range{height:95px;min-height:90px}
.kymdo-video-volume-quiet{display:none!important}
@media(max-width:540px){.kymdo-video-volume-panel{height:139px;gap:8px;padding:9px 6px}.kymdo-video-volume-range{height:83px;min-height:76px}}



/* V15.38: one speaker, compact vertical volume control */
.kymdo-video-volume-panel{height:149px;gap:9px;padding:10px 7px}
.kymdo-video-volume-range{height:95px;min-height:90px}
.kymdo-video-volume-quiet{display:none!important}
@media(max-width:540px){.kymdo-video-volume-panel{height:139px;gap:8px;padding:9px 6px}.kymdo-video-volume-range{height:83px;min-height:76px}}

/* KYMDO_IMAGE_FRAMING_START */
.kymdo-banner-photo{object-fit:cover!important;object-position:50% 26%!important;scale:1!important;transform-origin:50% 26%!important;}
.kymdo-banner-video{object-fit:cover!important;object-position:50% 26%!important;scale:1!important;transform-origin:50% 26%!important;}
/* KYMDO_IMAGE_FRAMING_END */

/* Match the homepage action buttons in both languages and screen sizes. */
body[data-page="home"] .hero-actions{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:12px;width:100%;max-width:480px;align-items:stretch;
}
body[data-page="home"] .hero-actions>.btn{
 box-sizing:border-box;width:100%;min-width:0;height:60px;min-height:60px;
 display:flex;align-items:center;justify-content:space-between;
 padding:0 22px;gap:14px;text-align:left;
}
body[data-page="home"] .hero-actions>.btn>span:first-child{min-width:0}
body[data-page="home"] .hero-actions>.btn>.arrow{flex:0 0 auto}
@media(max-width:650px){
 body[data-page="home"] .hero-actions{grid-template-columns:minmax(0,1fr);max-width:280px;gap:12px}
}

/* Always paint the complete logo first. Touch/small screens use the still logo. */
.brand-header-mark .kymdo-logo-final{opacity:1!important;animation:none!important}
@media(max-width:900px),(pointer:coarse),(prefers-reduced-motion:reduce){
 .brand-header-mark .kymdo-logo-animation .kymdo-logo-webm{display:none!important}
 .brand-header-mark .kymdo-logo-animation .kymdo-logo-final{visibility:visible!important}
}