@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');

:root{
  --pink:#d97895;
  --pink-deep:#bd5d7b;
  --pink-soft:#f5dfe6;
  --pink-pale:#fcf7f9;
  --ink:#2f2930;
  --muted:#756d72;
  --line:#eadfe3;
  --white:#fff;
  --shadow:0 20px 55px rgba(95,55,69,.10);
  --shadow-hover:0 28px 70px rgba(187,93,123,.18);
  --radius-lg:28px;
  --radius-md:18px;
}

html{scroll-padding-top:88px}
body{font-family:'Noto Sans JP','Yu Gothic','Hiragino Kaku Gothic ProN',sans-serif!important;background:#fff!important;color:var(--ink)!important;line-height:1.9!important;letter-spacing:.035em!important;overflow-x:hidden}
img{height:auto}
.container{width:min(1180px,calc(100% - 48px))!important}

/* Header */
.site-header,header{height:88px!important;background:rgba(255,255,255,.92)!important;border-bottom:1px solid rgba(234,223,227,.85)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;box-shadow:none!important}
.header-inner{height:88px!important;width:min(1240px,calc(100% - 48px));margin:auto}
.image-logo img,.footer-logo img{max-height:42px!important;width:auto!important}
.logo-company{font-size:12px!important;color:#6f656a!important;letter-spacing:.08em!important;font-weight:500!important}
.global-nav ul{gap:30px!important;align-items:center}
.global-nav a{position:relative;color:#403940!important;font-size:13px!important;font-weight:600!important;letter-spacing:.05em!important;padding:33px 0 28px!important}
.global-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:21px;height:2px;background:var(--pink);transition:.3s ease}
.global-nav a:hover::after,.global-nav a.active::after{right:0}
.global-nav a.active{color:var(--pink-deep)!important}
.contact-btn{min-height:46px!important;padding:0 23px!important;background:var(--pink)!important;color:#fff!important;border-radius:999px!important;box-shadow:0 12px 26px rgba(217,120,149,.24)!important;font-weight:700!important;transition:.3s ease!important}
.contact-btn:hover{background:var(--pink-deep)!important;color:#fff!important;transform:translateY(-2px)}
.mail-icon-img{filter:brightness(0) invert(1)}

/* First view */
.algo-hero{height:auto!important;min-height:760px!important;padding:88px 0 0!important;background:linear-gradient(135deg,#fff 0%,#fcf7f9 58%,#f7e7ed 100%)!important}
.algo-hero-stage{min-height:672px!important;height:calc(100vh - 88px)!important;max-height:820px;background:transparent!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(460px,48vw);align-items:center;gap:5vw;padding:70px max(48px,calc((100vw - 1240px)/2)) 62px!important}
.algo-hero-stage::before{content:"";position:absolute;left:-8%;top:18%;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(232,180,197,.28),rgba(232,180,197,0) 70%);pointer-events:none}
.algo-hero-stage::after{content:"WONDER HOUSE";position:absolute;left:3.5vw;bottom:0;color:rgba(217,120,149,.06);font:700 clamp(62px,10vw,160px)/1 'Playfair Display',serif;letter-spacing:.02em;white-space:nowrap;pointer-events:none}
.algo-line-field{display:none!important}
.algo-hero-copy{position:relative!important;left:auto!important;bottom:auto!important;top:auto!important;width:auto!important;max-width:590px!important;grid-column:1;z-index:5!important}
.algo-hero-copy::before{content:"PLANNING  /  MANUFACTURING  /  WHOLESALE";display:block;margin-bottom:23px;color:var(--pink-deep);font-size:11px;font-weight:700;letter-spacing:.18em}
.algo-hero-copy h1{font-size:clamp(38px,4.2vw,64px)!important;line-height:1.34!important;letter-spacing:.045em!important;color:var(--ink)!important;margin:0 0 30px!important;font-weight:700!important}
.algo-hero-copy h1::after{content:"";display:block;width:72px;height:3px;margin-top:24px;background:var(--pink)}
.algo-hero-copy p{font-size:14px!important;line-height:2!important;color:#625960!important;font-weight:400!important;margin:0 0 10px!important;max-width:560px!important}
.algo-visual{position:relative!important;top:auto!important;right:auto!important;width:100%!important;height:min(70vh,650px)!important;min-height:520px;grid-column:2;border-radius:190px 26px 190px 26px!important;overflow:hidden!important;box-shadow:0 35px 80px rgba(94,51,66,.18)!important}
.algo-visual::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.65);border-radius:inherit;pointer-events:none;z-index:5}
.algo-visual img{filter:saturate(.88) contrast(1.02) brightness(1.02)!important}
.algo-scroll{right:32px!important;bottom:28px!important;color:var(--pink-deep)!important}
.algo-scroll::after{background:var(--pink)!important}

/* Shared section design */
.section,.wonder-features,.service-showcase{padding:112px 0!important}
.section.bg,.wonder-features.bg,.home-product-intro-fixed{background:var(--pink-pale)!important}
.section-title,.service-heading{margin-bottom:58px!important}
.section-title span,.service-heading>span,.home-contact-en,.eyebrow{display:inline-flex!important;align-items:center!important;gap:12px;color:var(--pink-deep)!important;font-size:11px!important;font-weight:700!important;letter-spacing:.2em!important;text-transform:uppercase}
.section-title span::before,.service-heading>span::before,.home-contact-en::before{content:"";width:34px;height:1px;background:var(--pink)}
h2,.section-title h2,.service-heading h2{color:var(--ink)!important;font-size:clamp(29px,3.4vw,44px)!important;line-height:1.45!important;font-weight:700!important;letter-spacing:.045em!important;margin:12px 0 0!important}
.section-title p,.service-heading p,.lead{max-width:760px;color:var(--muted)!important;font-size:15px!important;line-height:2!important}
.center-title{text-align:center}.center-title span{justify-content:center}.center-title span::after{content:"";width:34px;height:1px;background:var(--pink)}

/* Features */
.wonder-feature-list{display:grid!important;gap:44px!important}
.wonder-feature-card{display:grid!important;grid-template-columns:1.1fr .9fr!important;align-items:stretch!important;background:#fff!important;border-radius:var(--radius-lg)!important;overflow:hidden!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)!important;transition:.4s ease!important}
.wonder-feature-card.reverse{grid-template-columns:.9fr 1.1fr!important}
.wonder-feature-card.reverse .wonder-feature-image{order:2}
.wonder-feature-image{min-height:410px!important;overflow:hidden}
.wonder-feature-image img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .8s ease}
.wonder-feature-card:hover .wonder-feature-image img{transform:scale(1.035)}
.wonder-feature-body{padding:58px 60px!important;display:flex;flex-direction:column;justify-content:center}
.wonder-feature-body>span{font:600 44px/1 'Playfair Display',serif!important;color:var(--pink-soft)!important;margin-bottom:22px}
.wonder-feature-body h3{font-size:25px!important;line-height:1.6!important;color:var(--ink)!important;margin:0 0 22px!important}
.wonder-feature-body p{font-size:14px!important;color:var(--muted)!important;margin:0 0 28px!important}
.wonder-feature-body a,.business-service-more a{align-self:flex-start;display:inline-flex;align-items:center;gap:12px;color:var(--pink-deep)!important;font-weight:700;font-size:13px;border-bottom:1px solid var(--pink);padding-bottom:5px}

/* Products */
.products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important}
.product{display:grid!important;grid-template-columns:44% 56%!important;min-height:330px!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--radius-lg)!important;overflow:hidden!important;box-shadow:0 14px 40px rgba(95,55,69,.07)!important;position:relative;transition:.4s ease!important}
.product:hover{transform:translateY(-7px)!important;box-shadow:var(--shadow-hover)!important;color:inherit!important}
.product-img{height:100%!important;min-height:330px!important;background-size:cover!important;background-position:center!important;transition:transform .7s ease}
.product:hover .product-img{transform:scale(1.035)}
.product-body{padding:38px 34px 72px!important}
.product-body h3{font-size:21px!important;color:var(--ink)!important;margin:0 0 16px!important}
.product-body p{font-size:13px!important;line-height:1.9!important;color:var(--muted)!important}
.home-product-more{position:absolute!important;right:30px;bottom:26px;min-width:auto!important;min-height:auto!important;margin:0!important;padding:0!important;background:none!important;color:var(--pink-deep)!important;box-shadow:none!important;font-size:11px!important;letter-spacing:.16em!important}
.home-product-more::after{content:"→";margin-left:10px;font-size:16px;transition:.3s}.product:hover .home-product-more::after{transform:translateX(5px)}

/* Business */
.business-redesign{position:relative;background:#fff!important;overflow:hidden}
.service-bg-text{color:rgba(217,120,149,.045)!important;font-family:'Playfair Display',serif!important;font-size:clamp(90px,15vw,220px)!important;top:20px!important}
.business-service-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px!important}
.business-service-card{background:var(--pink-pale)!important;border:1px solid var(--line)!important;border-radius:var(--radius-lg)!important;overflow:hidden!important;box-shadow:none!important;transition:.4s ease}
.business-service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-hover)}
.business-service-image{height:330px!important;overflow:hidden}.business-service-image img{width:100%;height:100%;object-fit:cover;transition:.7s}.business-service-card:hover img{transform:scale(1.04)}
.business-service-content{padding:38px 40px 44px!important}.business-service-en{font-size:10px!important;color:var(--pink-deep)!important;letter-spacing:.18em!important}.business-service-content h3{color:var(--ink)!important;font-size:23px!important;line-height:1.55!important;margin:12px 0 18px!important}.business-service-content p{color:var(--muted)!important;font-size:14px!important}

/* Lower hero */
.lower-hero{position:relative;padding:164px 0 82px!important;background:linear-gradient(125deg,rgba(65,48,56,.54),rgba(184,90,120,.0)),url('../images/04-30.jpg') center/cover!important;overflow:hidden}
.lower-hero::after{content:"";position:absolute;width:420px;height:420px;right:-120px;bottom:-240px;border:1px solid rgba(255,255,255,.35);border-radius:50%}
.lower-hero .eyebrow{color:#fff!important;opacity:.82}.lower-hero h1{font-size:clamp(34px,4vw,52px)!important;color:#fff!important}.breadcrumb{font-size:11px!important;letter-spacing:.12em!important;color:rgba(255,255,255,.7)!important}

/* Content boxes, tables, forms */
.about-box,.content-box,.company-box,.contact-box,.quality-box,.oem-box{background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--radius-lg)!important;padding:clamp(34px,5vw,68px)!important;box-shadow:var(--shadow)!important}
.about-box h2{font-size:clamp(25px,3vw,38px)!important;margin-bottom:28px!important}
dl{border-top:1px solid var(--line)!important}dt,dd{padding:22px 18px!important;border-bottom:1px solid var(--line)!important}dt{color:var(--pink-deep)!important;font-weight:700!important}
input,textarea,select{width:100%;border:1px solid #ded2d7!important;border-radius:12px!important;background:#fff!important;padding:14px 16px!important;font:inherit!important;transition:.2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--pink)!important;box-shadow:0 0 0 4px rgba(217,120,149,.12)}
button,input[type=submit],.btn,.button,.more-btn,.home-contact-btn,.home-about-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:var(--pink)!important;color:#fff!important;border:0!important;border-radius:999px!important;min-height:50px!important;padding:0 28px!important;font-weight:700!important;box-shadow:0 12px 28px rgba(217,120,149,.22)!important;transition:.3s ease!important}
button:hover,input[type=submit]:hover,.btn:hover,.button:hover,.more-btn:hover,.home-contact-btn:hover,.home-about-btn:hover{background:var(--pink-deep)!important;color:#fff!important;transform:translateY(-2px)}

/* Partners */
.partner-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:18px!important}.partner-grid img{width:100%;height:118px!important;object-fit:contain!important;padding:20px;background:#fff;border:1px solid var(--line);border-radius:16px;filter:grayscale(.18);transition:.3s}.partner-grid img:hover{filter:none;transform:translateY(-4px)}

/* Contact CTA */
.home-contact-visual{padding:110px 24px!important;background:linear-gradient(135deg,#c86886,#df91aa)!important;position:relative;overflow:hidden;color:#fff!important}
.home-contact-visual::before,.home-contact-visual::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.28);border-radius:50%}.home-contact-visual::before{width:340px;height:340px;left:-120px;top:-170px}.home-contact-visual::after{width:440px;height:440px;right:-180px;bottom:-260px}
.home-contact-inner{position:relative;z-index:2;text-align:center;max-width:760px;margin:auto}.home-contact-en{color:#fff!important;justify-content:center}.home-contact-en::before,.home-contact-en::after{background:rgba(255,255,255,.7)}.home-contact-visual h2{color:#fff!important;font-size:clamp(32px,4vw,48px)!important}.home-contact-visual p{color:rgba(255,255,255,.85)!important}.home-contact-btn{margin-top:25px!important;background:#fff!important;color:var(--pink-deep)!important;box-shadow:none!important}.home-contact-btn:hover{background:#fff!important;color:var(--pink-deep)!important}

/* Footer */
.saenco-footer{background:#332c31!important;color:rgba(255,255,255,.78)!important;border-top:0!important}
.footer-main{padding:78px 0 60px!important;display:grid!important;grid-template-columns:1.3fr 1fr .8fr!important;gap:70px!important}.footer-logo img{/*filter:brightness(0) invert(1);opacity:.96*/}.footer-catch,.footer-address,.footer-social-box p{font-size:12px!important;color:rgba(255,255,255,.62)!important}.footer-nav-columns{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:40px}.footer-column h3,.footer-social-box>span,.footer-social-box h3{color:#fff!important}.footer-column a{display:block;color:rgba(255,255,255,.68)!important;font-size:12px!important;margin:10px 0!important;transition:.2s}.footer-column a:hover{color:#f1b2c5!important;transform:translateX(3px)}.footer-social-icons{display:flex;gap:12px}.footer-social-icon{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.09)!important;display:grid;place-items:center}.footer-sns-img{max-width:18px;max-height:18px;filter:brightness(0) invert(1)}.footer-bottom{border-top:1px solid rgba(255,255,255,.10)!important;background:#2b2529!important;font-size:11px!important;color:rgba(255,255,255,.48)!important}

/* Reveal */
.reveal-ready .reveal-item{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal-ready .reveal-item.is-visible{opacity:1;transform:none}

@media(max-width:1050px){
  .global-nav ul{gap:18px!important}.global-nav a{font-size:12px!important}
  .algo-hero-stage{grid-template-columns:1fr 48vw;gap:4vw;padding-left:36px!important;padding-right:36px!important}.algo-hero-copy h1{font-size:clamp(36px,4.8vw,54px)!important}.algo-visual{min-height:480px!important}
  .products{grid-template-columns:1fr!important}.product{min-height:300px!important}
}

@media(max-width:820px){
  .container{width:min(100% - 32px,1180px)!important}.site-header,header,.header-inner{height:72px!important}.header-inner{width:calc(100% - 28px)!important}.logo-company{display:none}.hamburger{display:flex!important;border-color:var(--line)!important;box-shadow:none!important}.hamburger span{background:var(--pink-deep)!important}
  .global-nav{position:fixed!important;inset:72px 0 auto!important;background:rgba(255,255,255,.98)!important;padding:25px 24px 32px!important;transform:translateY(-130%);transition:.3s;box-shadow:0 20px 40px rgba(70,45,55,.12)}.menu-toggle:checked~.global-nav{transform:translateY(0)}.global-nav ul{display:grid!important;gap:0!important}.global-nav a{display:block;padding:15px 0!important;border-bottom:1px solid var(--line)}.global-nav a::after{display:none}.contact-btn{display:none!important}
  .algo-hero{padding-top:72px!important}.algo-hero-stage{height:auto!important;max-height:none!important;min-height:0!important;display:flex!important;flex-direction:column!important;padding:34px 20px 56px!important;gap:32px!important}.algo-hero-copy{order:2!important;max-width:none!important;padding-left:30px;}.algo-hero-copy::before{font-size:9px}.algo-hero-copy h1{font-size:clamp(32px,9vw,46px)!important}.algo-hero-copy p{font-size:13px!important}.algo-visual{order:1!important;width:100%!important;height:54vw!important;min-height:330px!important;border-radius:90px 18px 90px 18px!important}.algo-scroll{display:none!important}
  .section,.wonder-features,.service-showcase{padding:80px 0!important}.wonder-feature-card,.wonder-feature-card.reverse{grid-template-columns:1fr!important}.wonder-feature-card.reverse .wonder-feature-image{order:0}.wonder-feature-image{min-height:300px!important}.wonder-feature-body{padding:38px 30px!important}.business-service-list{grid-template-columns:1fr!important}.partner-grid{grid-template-columns:repeat(3,1fr)!important}.footer-main{grid-template-columns:1fr!important;gap:42px!important}.footer-nav-columns{max-width:420px}
}

@media(max-width:560px){
  .container{width:calc(100% - 28px)!important}.algo-hero-stage{padding-left:14px!important;padding-right:14px!important}.algo-visual{height:72vw!important;min-height:300px!important;border-radius:70px 14px 70px 14px!important}.algo-hero-copy h1{font-size:32px!important}.algo-hero-copy p{line-height:1.85!important}.section-title,.service-heading{margin-bottom:38px!important}h2,.section-title h2,.service-heading h2{font-size:28px!important}
  .wonder-feature-image{min-height:240px!important}.wonder-feature-body{padding:32px 24px!important}.wonder-feature-body h3{font-size:21px!important}.products{gap:20px!important}.product{display:block!important}.product-img{height:230px!important;min-height:0!important}.product-body{padding:28px 24px 66px!important}.business-service-image{height:250px!important}.business-service-content{padding:30px 24px 34px!important}.partner-grid{grid-template-columns:repeat(2,1fr)!important}.partner-grid img{height:100px!important}.about-box,.content-box,.company-box,.contact-box,.quality-box,.oem-box{padding:28px 20px!important}.footer-nav-columns{grid-template-columns:1fr!important}.lower-hero{padding:128px 0 58px!important}
}

/* ===== 2026-07 Hero balance & square header CTA revision ===== */
@media (min-width:821px){
  .saenco-contact-btn,
  .contact-btn{
    min-width:148px!important;
    min-height:52px!important;
    padding:0 24px!important;
    border-radius:0!important;
    box-shadow:none!important;
    letter-spacing:.08em!important;
  }
  .saenco-contact-btn:hover,
  .contact-btn:hover{
    transform:none!important;
    background:var(--pink-deep)!important;
  }

  .algo-hero{
    min-height:0!important;
    padding-top:88px!important;
  }
  .algo-hero-stage{
    width:min(1440px,100%)!important;
    height:auto!important;
    min-height:650px!important;
    max-height:none!important;
    margin:0 auto!important;
    grid-template-columns:minmax(420px,43%) minmax(0,57%)!important;
    gap:clamp(38px,4vw,72px)!important;
    padding:58px clamp(42px,5vw,84px) 58px!important;
    align-items:center!important;
  }
  .algo-hero-copy{
    max-width:520px!important;
    align-self:center!important;
  }
  .algo-hero-copy::before{
    margin-bottom:18px!important;
  }
  .algo-hero-copy h1{
    font-size:clamp(38px,3.7vw,45px)!important;
    line-height:1.32!important;
    margin-bottom:24px!important;
  }
  .algo-hero-copy h1::after{
    margin-top:20px!important;
  }
  .algo-hero-copy p{
    max-width:500px!important;
    font-size:13px!important;
    line-height:1.9!important;
    margin-bottom:8px!important;
  }
  .algo-visual{
    height:clamp(480px,48vw,610px)!important;
    min-height:0!important;
    border-radius:0!important;
    box-shadow:0 24px 60px rgba(94,51,66,.14)!important;
  }
  .algo-visual::after{
    border-radius:0!important;
  }
  .algo-visual img{
    object-fit:cover!important;
    object-position:center!important;
  }
  .algo-hero-stage::after{
    font-size:clamp(64px,8vw,124px)!important;
    bottom:8px!important;
  }
}

@media (min-width:821px) and (max-width:1100px){
  .algo-hero-stage{
    grid-template-columns:minmax(360px,45%) minmax(0,55%)!important;
    min-height:590px!important;
    padding:42px 36px 48px!important;
  }
  .algo-visual{height:500px!important}
  .algo-hero-copy h1{font-size:clamp(36px,4.3vw,48px)!important}
  .algo-hero-copy p{font-size:12.5px!important;line-height:1.8!important}
}

@media (max-width:820px){
  .algo-hero-stage{
    padding-top:22px!important;
    gap:26px!important;
  }
  .algo-visual{
    height:58vw!important;
    min-height:280px!important;
    max-height:430px!important;
    border-radius:0!important;
    box-shadow:0 18px 42px rgba(94,51,66,.13)!important;
  }
  .algo-visual::after{border-radius:0!important}
  .algo-hero-copy h1{margin-bottom:22px!important}
}

@media (max-width:560px){
  .algo-hero-stage{padding-top:14px!important;gap:22px!important}
  .algo-visual{height:66vw!important;min-height:250px!important}
  .algo-hero-copy h1{font-size:30px!important;line-height:1.38!important}
  .algo-hero-copy p{font-size:12.5px!important;line-height:1.8!important}
}

/* ===== FINAL MOBILE HEADER & NAV REBUILD 2026-07-27 ===== */
@media (max-width: 820px) {
  html, body { overflow-x: hidden; }
  body.mobile-menu-open { overflow: hidden !important; }

  .site-header,
  header.site-header {
    height: 68px !important;
    min-height: 68px !important;
    background: rgba(255,255,255,.98) !important;
    border-bottom: 1px solid rgba(217,120,149,.16) !important;
    box-shadow: none !important;
    z-index: 10000 !important;
  }

  .site-header .saenco-header-inner,
  .site-header .header-inner {
    width: 100% !important;
    height: 68px !important;
    padding: 0 112px 0 14px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
  }

  .site-header .image-logo {
    max-width: calc(100vw - 132px) !important;
    min-width: 0 !important;
    height: 68px !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    overflow: hidden !important;
  }
  .site-header .image-logo img {
    width: auto !important;
    max-width: 128px !important;
    max-height: 34px !important;
    object-fit: contain !important;
  }
  .site-header .logo-company { display: none !important; }

  /* Pink consultation button immediately left of menu */
  .site-header .saenco-contact-btn,
  .site-header .contact-btn {
    display: flex !important;
    position: absolute !important;
    top: 0 !important;
    right: 58px !important;
    width: 78px !important;
    min-width: 58px !important;
    height: 68px !important;
    min-height: 68px !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--pink, #e88da6) !important;
    color: #fff !important;
    box-shadow: none !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .04em !important;
    transform: none !important;
    z-index: 10003 !important;
  }
  .site-header .saenco-contact-btn:hover,
  .site-header .contact-btn:hover { background: var(--pink-deep, #d97895) !important; transform: none !important; }
  .site-header .saenco-contact-btn .mail-icon-img,
  .site-header .contact-btn .mail-icon-img {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) !important;
    margin: 0 !important;
  }
  .site-header .contact-label { display: block !important; white-space: nowrap !important; }

  /* Compact square menu button */
  .site-header .saenco-hamburger,
  .site-header .hamburger {
    display: flex !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 58px !important;
    height: 68px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 5px !important;
    z-index: 10004 !important;
  }
  .site-header .hamburger span {
    display: block !important;
    width: 22px !important;
    height: 1.5px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: #3d3439 !important;
    transition: transform .28s ease, opacity .2s ease !important;
  }

  /* Clean full-screen mobile navigation */
  .site-header .saenco-nav,
  .site-header .global-nav {
    display: block !important;
    position: fixed !important;
    top: 68px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: calc(100dvh - 68px) !important;
    max-height: none !important;
    padding: 24px 22px 40px !important;
    margin: 0 !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    background: #fff !important;
    box-shadow: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-12px) !important;
    transition: opacity .24s ease, transform .28s ease, visibility .24s ease !important;
    z-index: 10001 !important;
  }
  .site-header .saenco-nav::before,
  .site-header .global-nav::before {
    content: "MENU" !important;
    display: block !important;
    padding: 2px 0 18px !important;
    color: var(--pink-deep, #d97895) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .22em !important;
    border-bottom: 1px solid #eee7ea !important;
  }
  .site-header .global-nav ul,
  .site-header .saenco-nav ul {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }
  .site-header .global-nav li,
  .site-header .saenco-nav li,
  .site-header .global-nav li + li,
  .site-header .saenco-nav li + li {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #eee7ea !important;
  }
  .site-header .global-nav a,
  .site-header .saenco-nav a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 64px !important;
    height: auto !important;
    padding: 17px 2px !important;
    margin: 0 !important;
    border: 0 !important;
    color: #342e32 !important;
    background: transparent !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    letter-spacing: .035em !important;
    text-decoration: none !important;
  }
  .site-header .global-nav a::after,
  .site-header .saenco-nav a::after {
    content: "" !important;
    display: block !important;
    position: static !important;
    width: 8px !important;
    height: 8px !important;
    flex: 0 0 8px !important;
    margin-left: 14px !important;
    border-top: 1px solid var(--pink-deep, #d97895) !important;
    border-right: 1px solid var(--pink-deep, #d97895) !important;
    background: transparent !important;
    transform: rotate(45deg) !important;
  }
  .site-header .global-nav a.active,
  .site-header .saenco-nav a.active { color: var(--pink-deep, #d97895) !important; }

  /* Top consultation CTA makes duplicate menu CTA unnecessary */
  .site-header .mobile-nav-extra { display: none !important; }

  .site-header .menu-toggle:checked ~ .saenco-nav,
  .site-header .menu-toggle:checked ~ .global-nav {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }
  .site-header .menu-toggle:checked + .hamburger span:nth-child(1) {
    transform: translateY(6.5px) rotate(45deg) !important;
  }
  .site-header .menu-toggle:checked + .hamburger span:nth-child(2) { opacity: 0 !important; }
  .site-header .menu-toggle:checked + .hamburger span:nth-child(3) {
    transform: translateY(-6.5px) rotate(-45deg) !important;
  }

  main { scroll-margin-top: 68px !important; }
  .algo-hero { padding-top: 68px !important; }
  .lower-hero { padding-top: 118px !important; }
}

@media (max-width: 390px) {
  .site-header .saenco-header-inner,
  .site-header .header-inner { padding-left: 10px !important; padding-right: 104px !important; }
  .site-header .image-logo img { max-width: 118px !important; }
  .site-header .saenco-contact-btn,
  .site-header .contact-btn { right: 52px !important; width: 52px !important; min-width: 52px !important; font-size: 9px !important; }
  .site-header .saenco-hamburger,
  .site-header .hamburger { width: 52px !important; }
  .site-header .global-nav,
  .site-header .saenco-nav { padding-left: 18px !important; padding-right: 18px !important; }
}

/* hover effect */
.features-links a,.feature-link,.feature-item a{
transition:all .35s ease;
position:relative;
}
.features-links a:hover,.feature-link:hover,.feature-item a:hover{
transform:translateY(-4px);
color:#e86aa6!important;
text-shadow:0 8px 18px rgba(232,106,166,.25);
}
.features-links a:hover::after,.feature-link:hover::after,.feature-item a:hover::after{
transform:translateX(6px);
}
/* product button center */
.product-card,.product-item{display:flex;flex-direction:column}
.product-card .btn,.product-card .pink-btn,.product-item .btn,.product-item .pink-btn{
margin:24px auto 0!important;
display:inline-flex!important;
align-self:center!important;
left:auto!important;right:auto!important;
}

/* ===== FINAL HOME CARD HOVER & PRODUCT CTA ALIGNMENT 2026-07-27 ===== */
.wonder-feature-card{
  position:relative!important;
  transform:translateY(0)!important;
  border-color:var(--line)!important;
  box-shadow:0 14px 42px rgba(95,55,69,.08)!important;
  transition:transform .38s ease,border-color .38s ease,box-shadow .38s ease!important;
}
.wonder-feature-card::after{
  content:"";
  position:absolute;
  inset:0;
  border:2px solid transparent;
  border-radius:inherit;
  pointer-events:none;
  transition:border-color .38s ease!important;
}
.wonder-feature-card:hover{
  transform:translateY(-8px)!important;
  border-color:rgba(217,120,149,.48)!important;
  box-shadow:0 24px 58px rgba(151,76,103,.18)!important;
}
.wonder-feature-card:hover::after{
  border-color:rgba(217,120,149,.28);
}
.wonder-feature-body a{
  position:relative;
  transition:color .3s ease,border-color .3s ease,transform .3s ease!important;
}
.wonder-feature-body a::after{
  content:"→";
  display:inline-block;
  margin-left:2px;
  font-size:16px;
  transition:transform .3s ease!important;
}
.wonder-feature-card:hover .wonder-feature-body a{
  color:var(--pink)!important;
  border-color:var(--pink)!important;
  transform:translateX(3px);
}
.wonder-feature-card:hover .wonder-feature-body a::after{
  transform:translateX(6px);
}

.home-product-intro-fixed .product{
  display:flex!important;
  flex-direction:row!important;
}
.home-product-intro-fixed .product-body{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  padding-bottom:96px!important;
}
.home-product-intro-fixed .home-product-more{
  left:50%!important;
  right:auto!important;
  bottom:27px!important;
  width:180px!important;
  min-width:180px!important;
  height:46px!important;
  min-height:46px!important;
  padding:0 22px!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:translateX(-50%)!important;
  background:var(--pink)!important;
  color:#fff!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.16em!important;
  line-height:1!important;
  transition:background .3s ease,box-shadow .3s ease!important;
}
.home-product-intro-fixed .home-product-more::after{
  margin-left:12px!important;
}
.home-product-intro-fixed .product:hover .home-product-more{
  transform:translateX(-50%)!important;
  background:var(--pink-deep)!important;
  box-shadow:0 10px 24px rgba(217,120,149,.25)!important;
}
.home-product-intro-fixed .product:hover .home-product-more::after{
  transform:translateX(5px)!important;
}

@media(max-width:560px){
  .wonder-feature-card:hover{transform:translateY(-5px)!important}
  .home-product-intro-fixed .product{display:block!important}
  .home-product-intro-fixed .product-body{padding-bottom:88px!important}
  .home-product-intro-fixed .home-product-more{width:170px!important;min-width:170px!important;height:44px!important;min-height:44px!important}
}

/* ===== PRODUCT CTA POSITION FIX 2026-07-27 ===== */
.home-product-intro-fixed .products .product{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
}
.home-product-intro-fixed .products .product-body{
  flex:1 1 auto!important;
  padding:22px 22px 18px!important;
}
.home-product-intro-fixed .products .home-product-more{
  position:static!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  top:auto!important;
  flex:0 0 auto!important;
  align-self:center!important;
  width:180px!important;
  min-width:180px!important;
  height:46px!important;
  min-height:46px!important;
  margin:0 auto 28px!important;
  padding:0 22px!important;
  transform:none!important;
}
.home-product-intro-fixed .products .product:hover .home-product-more{
  transform:none!important;
}
@media(max-width:560px){
  .home-product-intro-fixed .products .product-body{padding:24px 24px 18px!important}
  .home-product-intro-fixed .products .home-product-more{
    width:170px!important;
    min-width:170px!important;
    height:44px!important;
    min-height:44px!important;
    margin-bottom:24px!important;
  }
}


/* ===== PRODUCTS PAGE MORE BUTTON — MATCH HOME 2026-07-27 ===== */
.products-page .products .product-body{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
.products-page .products .products-page-more{
  position:static!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  width:180px!important;
  min-width:180px!important;
  height:46px!important;
  min-height:46px!important;
  margin:auto auto 0!important;
  padding:0 22px!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--pink)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(217,120,149,.22)!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  transform:none!important;
  transition:background .3s ease,box-shadow .3s ease,transform .3s ease!important;
}
.products-page .products .products-page-more::after{
  content:"→";
  display:inline-block;
  margin-left:12px;
  font-size:16px;
  line-height:1;
  transition:transform .3s ease!important;
}
.products-page .products .product:hover .products-page-more{
  background:var(--pink-deep)!important;
  box-shadow:0 16px 34px rgba(217,120,149,.32)!important;
  transform:translateY(-2px)!important;
}
.products-page .products .product:hover .products-page-more::after{
  transform:translateX(5px)!important;
}
@media(max-width:560px){
  .products-page .products .products-page-more{
    width:170px!important;
    min-width:170px!important;
    height:44px!important;
    min-height:44px!important;
  }
}