/**
 * TG3D Studio - Custom CSS
 * v35 - Image aspect ratio fix: STOP overriding Strikingly's padding-bottom mechanism
 */

/* ===== Hide Old Strikingly Navbar ===== */
.s-nav-li,
.s-nav.navigator .s-nav-li,
.s-navbar-dropdown,
.s-nav-li.s-navbar-dropdown,
.s-nav-li.s-navbar-dropdown._down,
.s-nav-li.s-navbar-dropdown._right,
.s-nav-li.s-nav-ellipsis,
body .s-nav.navigator .s-nav-li{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important;pointer-events:none!important;opacity:0!important}

.s-nav-link-container,
.s-nav-dropdown-item,
.nav-dropdown-popover,
.nav-dropdown-popover *,
.s-font-nav_item,
.s-font-nav_dropdown,
.s-nav-text,
.s-nav-dropdown-text,
.s-logo-image-alternative,
.s-membership-nav,
.multi-lang-ul{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important;pointer-events:none!important;opacity:0!important}

body .s-nav.navigator .s-navbar-desktop,
body .s-nav.navigator .s-navbar-desktop.s-navbar-desktop-normal,
body .s-nav.navigator .s-navbar-desktop.s-navbar-desktop-fixed,
body:not([data-mobile-new-breakpoint-stage]) .s-nav.navigator .s-navbar-desktop,
body:not([data-mobile-new-breakpoint-stage="1"]) .s-nav.navigator .s-navbar-desktop,
body[data-mobile-new-breakpoint-stage] .s-nav.navigator .s-navbar-desktop,
.s-navbar-desktop,
.s-navbar-desktop *{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important;pointer-events:none!important;opacity:0!important}

body .s-nav.navigator .s-navbar-mobile-header,
body:not([data-mobile-new-breakpoint-stage]) .s-nav.navigator .s-navbar-mobile-header,
body:not([data-mobile-new-breakpoint-stage="1"]) .s-nav.navigator .s-navbar-mobile-header,
body[data-mobile-new-breakpoint-stage="1"] .s-nav.navigator .s-navbar-mobile-header,
body .s-nav.navigator .s-navbar-mobile,
.s-navbar-mobile,
.s-navbar-mobile *,
.s-navbar-mobile-header{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important;pointer-events:none!important;opacity:0!important}

body .s-nav.navigator .s-nav-inner,
.s-nav .s-nav-inner{visibility:hidden!important;height:0!important;overflow:hidden!important}

.s-hamburger-icon,
body .s-nav.navigator .s-hamburger-icon,
.s-nav-sidebar-btn,
.s-nav-right-icon{display:none!important;visibility:hidden!important}

[class*="hamburger"],
[class*="menu-toggle"],
[class*="mobile-menu"],
[class*="sidebar-toggle"]{display:none!important;visibility:hidden!important}

/* Hide Strikingly nav CONTAINER on mobile — it creates white bar between logo and hamburger */
@media only screen and (max-width:768px){
  .s-nav.navigator{display:none!important;height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}
  /* Page wrapper had margin-top:64px to clear old Strikingly nav — reduce for our custom 56px nav */
  body .css-1gzbllj,body .css-1u4bugx0{margin-top:56px!important}
}

.s-navbar-desktop .nav-dropdown-popover,
.s-navbar-desktop .s-logo-image-alternative{display:none!important}

/* ===== TG3D Custom Navbar ===== */
body .css-1gzbllj,body .css-1u4bugx0{margin-top:64px!important;padding-top:0!important}

.tg3d-navbar{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:99999!important;height:94px!important;
background:rgba(0,0,0,0.95)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;
display:flex!important;align-items:center!important;padding:0 30px!important;box-sizing:border-box!important;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important}
.tg3d-nav-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;max-width:1200px!important;margin:0 auto!important}
@media only screen and (max-width:768px){.tg3d-nav-inner{flex-wrap:nowrap!important}}
@media only screen and (max-width:768px){.tg3d-logo img{height:30px!important;width:auto!important}}
.tg3d-logo{display:flex!important;align-items:center!important;gap:12px!important;text-decoration:none!important;color:#fff!important;flex-shrink:0!important}
.tg3d-logo img{height:64px!important;width:auto!important}
.tg3d-logo-text{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif!important;font-size:20px!important;font-weight:500!important;line-height:1.2!important;letter-spacing:1px!important;color:rgba(255,255,255,0.85)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.tg3d-nav-menu{display:flex!important;align-items:center!important;list-style:none!important;margin:0!important;padding:0!important;gap:4px!important}
.tg3d-nav-item{position:relative!important;list-style:none!important}
.tg3d-nav-item>a{display:block!important;padding:8px 14px!important;color:rgba(255,255,255,0.85)!important;text-decoration:none!important;
font-size:14px!important;font-weight:600!important;letter-spacing:0.3px!important;transition:color 0.2s ease!important;white-space:nowrap!important}
.tg3d-nav-item>a:hover,.tg3d-nav-item.tg3d-has-dropdown:hover>a{color:#00d4ff!important}
.tg3d-nav-item.tg3d-active>a{color:#fff!important;font-weight:500!important}
.tg3d-arrow{font-size:10px!important;margin-left:4px!important;opacity:0.6!important}
.tg3d-dropdown{display:none!important;position:absolute!important;top:100%!important;left:0!important;min-width:200px!important;
background:rgba(0,0,0,0.6)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;
border-radius:0 0 8px 8px!important;padding:10px 0!important;
box-shadow:0 12px 40px rgba(0,0,0,0.5)!important;border:1px solid rgba(255,255,255,0.1)!important;
list-style:none!important;z-index:100000!important;
/* Invisible bridge to prevent menu from disappearing when moving mouse down */
pointer-events:auto!important}
/* Invisible top bridge - prevents 4px gap issue */
.tg3d-dropdown::before{content:''!important;position:absolute!important;top:-10px!important;left:0!important;right:0!important;height:10px!important;background:transparent!important}
.tg3d-has-dropdown:hover>.tg3d-dropdown{display:block!important}
/* Also keep dropdown visible when mouse is directly on it */
.tg3d-dropdown:hover{display:block!important}
.tg3d-dropdown li{list-style:none!important}
.tg3d-dropdown li a{display:block!important;padding:11px 20px!important;color:rgba(255,255,255,0.8)!important;
text-decoration:none!important;font-size:13px!important;transition:all 0.2s ease!important;white-space:nowrap!important;
letter-spacing:0.3px!important}
.tg3d-dropdown li a:hover{color:#00d4ff!important;background:rgba(0,212,255,0.08)!important}
.tg3d-contact-btn{display:inline-block!important;padding:7px 20px!important;background:#33c5d1!important;color:#fff!important;
border-radius:4px!important;font-size:13px!important;font-weight:500!important;text-decoration:none!important;transition:background 0.2s ease!important;white-space:nowrap!important}
.tg3d-contact-btn:hover{background:#2aaeb9!important;color:#fff!important}

/* ===== Floating Mobile Menu (only shows on mobile) ===== */
/* Floating hamburger button – fixed at top-left below navbar */
.tg3d-float-btn{display:none!important}
.tg3d-mobile-panel{display:none!important}

@media only screen and (max-width:768px){
  /* Fix Strikingly page-wrapper 64px offset on mobile → shift up to align with our 56px navbar */
  .css-1gzbllj{position:relative!important;top:-8px!important}
  /* Hamburger button */
  .tg3d-float-btn{
    display:flex!important;position:fixed!important;
    top:70px!important;left:16px!important;z-index:100002!important;
    width:44px!important;height:44px!important;
    flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:6px!important;
    background:rgba(0,0,0,0.65)!important;
    border:1px solid rgba(0,212,255,0.25)!important;
    border-radius:12px!important;
    cursor:pointer!important;padding:0!important;
    box-shadow:0 0 16px rgba(0,212,255,0.12)!important;
    transition:all 0.3s ease!important;
    backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;
  }
  .tg3d-float-btn:active{transform:scale(0.95)!important}
  .tg3d-float-btn-line{
    display:block!important;width:20px!important;height:2px!important;
    background:linear-gradient(90deg,#fff,#00d4ff)!important;
    border-radius:1px!important;
    transition:all 0.35s cubic-bezier(0.4,0,0.2,1)!important;
    transform-origin:center!important;
  }
  /* X animation when panel is open */
  .tg3d-float-btn.tg3d-float-open .tg3d-float-btn-line:nth-child(1){
    transform:translateY(8px) rotate(45deg);
    background:linear-gradient(90deg,#00d4ff,#fff)!important;
  }
  .tg3d-float-btn.tg3d-float-open .tg3d-float-btn-line:nth-child(2){
    opacity:0!important;transform:scaleX(0)!important;
  }
  .tg3d-float-btn.tg3d-float-open .tg3d-float-btn-line:nth-child(3){
    transform:translateY(-8px) rotate(-45deg);
    background:linear-gradient(90deg,#fff,#00d4ff)!important;
  }

  /* ===== Menu panel – slides in from left ===== */
  .tg3d-mobile-panel{
    display:flex!important;position:fixed!important;
    top:0!important;left:0!important;bottom:10%!important;
    width:65%!important;max-width:65vw!important;
    flex-direction:column!important;
    background:rgba(0,0,0,0.6)!important;
    backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;
    z-index:100003!important;
    transform:translateX(-105%)!important;
    transition:transform 0.38s cubic-bezier(0.4,0,0.2,1)!important;
    border:none!important;outline:none!important;
    overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;
    box-shadow:4px 0 40px rgba(0,0,0,0.5)!important;
    border-radius:0 20px 20px 0!important;
  }
  .tg3d-mobile-panel.tg3d-panel-open{transform:translateX(0)!important}

  /* Overlay behind panel */
  .tg3d-panel-overlay{
    display:none!important;position:fixed!important;
    top:0!important;left:0!important;right:0!important;bottom:0!important;
    background:rgba(0,0,0,0.45)!important;z-index:100002!important;
    opacity:0!important;transition:opacity 0.35s ease!important;
  }
  .tg3d-panel-overlay.tg3d-overlay-show{display:block!important;opacity:1!important}

  /* Panel inner scroll container */
  .tg3d-panel-scroll{
    flex:1!important;overflow-y:auto!important;
    padding-bottom:20px!important;
    -webkit-overflow-scrolling:touch!important;
  }

  /* Panel header */
  .tg3d-panel-header{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    padding:22px 22px 18px!important;
    border-bottom:1px solid rgba(255,255,255,0.07)!important;
    position:sticky!important;top:0!important;
    background:rgba(0,0,0,0.6)!important;
    backdrop-filter:blur(28px)!important;-webkit-backdrop-filter:blur(28px)!important;
    z-index:1!important;
  }
  .tg3d-panel-header-logo{height:30px!important;width:auto!important}
  .tg3d-panel-close{
    background:none!important;border:none!important;
    color:rgba(255,255,255,0.5)!important;
    font-size:22px!important;cursor:pointer!important;
    width:36px!important;height:36px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    border-radius:8px!important;transition:all 0.2s ease!important;
  }
  .tg3d-panel-close:active{background:rgba(255,255,255,0.08)!important;color:#fff!important}

  /* Divider label (e.g. "导航") */
  .tg3d-panel-divider{
    padding:18px 22px 8px!important;
    font-size:11px!important;font-weight:600!important;
    color:rgba(0,212,255,0.6)!important;
    letter-spacing:2px!important;text-transform:uppercase!important;
  }

  /* ===== First-level menu items ===== */
  .tg3d-panel-menu{list-style:none!important;margin:0!important;padding:6px 0!important}
  .tg3d-panel-item{position:relative!important}
  .tg3d-panel-item>a{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    padding:15px 22px!important;
    color:#fff!important;font-size:17px!important;font-weight:400!important;
    text-decoration:none!important;
    border-bottom:1px solid rgba(255,255,255,0.04)!important;
    transition:background 0.2s ease,color 0.2s ease!important;
    position:relative!important;
  }
  /* Left accent bar on hover/active */
  .tg3d-panel-item>a::before{
    content:''!important;position:absolute!important;
    left:0!important;top:50%!important;transform:translateY(-50%)!important;
    width:3px!important;height:0!important;
    background:linear-gradient(180deg,#00d4ff,#33c5d1)!important;
    border-radius:0 2px 2px 0!important;
    transition:height 0.25s ease!important;
  }
  .tg3d-panel-item>a:active::before,
  .tg3d-panel-item.tg3d-panel-active>a::before{height:24px!important}
  .tg3d-panel-item>a:active{background:rgba(255,255,255,0.04)!important}

  /* Arrow icon for items with submenu */
  .tg3d-panel-arrow{
    font-size:11px!important;color:rgba(255,255,255,0.35)!important;
    transition:transform 0.3s ease!important;
    display:inline-block!important;
  }
  .tg3d-panel-item.tg3d-panel-sub-open>.tg3d-panel-link .tg3d-panel-arrow{
    transform:rotate(90deg)!important;color:#00d4ff!important;
  }

  /* ===== Second-level submenu ===== */
  .tg3d-panel-sub{
    list-style:none!important;margin:0!important;padding:0!important;
    max-height:0!important;overflow:hidden!important;
    transition:max-height 0.38s cubic-bezier(0.4,0,0.2,1)!important;
    background:rgba(0,0,0,0.25)!important;
  }
  .tg3d-panel-item.tg3d-panel-sub-open>.tg3d-panel-sub{max-height:500px!important}
  .tg3d-panel-sub li a{
    display:block!important;
    padding:12px 22px 12px 40px!important;
    color:rgba(255,255,255,0.6)!important;
    font-size:14px!important;font-weight:300!important;
    text-decoration:none!important;
    transition:all 0.2s ease!important;
    border-left:2px solid transparent!important;
    margin-left:12px!important;
    position:relative!important;
  }
  /* Small dot before submenu items */
  .tg3d-panel-sub li a::before{
    content:''!important;position:absolute!important;
    left:22px!important;top:50%!important;transform:translateY(-50%)!important;
    width:5px!important;height:5px!important;
    border-radius:50%!important;
    background:rgba(0,212,255,0.3)!important;
    transition:all 0.2s ease!important;
  }
  .tg3d-panel-sub li a:active,
  .tg3d-panel-sub li a:hover{
    color:#00d4ff!important;
    border-left-color:rgba(0,212,255,0.5)!important;
    background:rgba(0,212,255,0.05)!important;
  }
  .tg3d-panel-sub li a:active::before,
  .tg3d-panel-sub li a:hover::before{
    background:#00d4ff!important;
    box-shadow:0 0 8px rgba(0,212,255,0.5)!important;
  }

  /* Contact button at bottom of panel */
  .tg3d-panel-footer{
    padding:18px 22px!important;
    border-top:1px solid rgba(255,255,255,0.07)!important;
    position:sticky!important;bottom:0!important;
    background:rgba(0,0,0,0.6)!important;
    backdrop-filter:blur(28px)!important;-webkit-backdrop-filter:blur(28px)!important;
  }
  .tg3d-panel-footer .tg3d-contact-btn{
    display:block!important;text-align:center!important;
    padding:11px!important;
    background:linear-gradient(135deg,#33c5d1 0%,#00d4ff 100%)!important;
    border:none!important;border-radius:8px!important;
    color:#fff!important;font-size:15px!important;
    text-decoration:none!important;font-weight:500!important;
    letter-spacing:0.5px!important;
    box-shadow:0 0 20px rgba(0,212,255,0.2)!important;
    transition:all 0.25s ease!important;
  }
  .tg3d-panel-footer .tg3d-contact-btn:active{
    transform:scale(0.97)!important;
    box-shadow:0 0 30px rgba(0,212,255,0.4)!important;
  }

  /* Hide desktop nav-menu on mobile */
  .tg3d-nav-menu{display:none!important}
  .tg3d-navbar{height:56px!important;padding:0 16px!important}
  .tg3d-logo img{height:28px!important}
  .tg3d-logo-text{font-size:10px!important}
}

/* ===== Layout Fixes (do NOT touch image aspect ratio) ===== */
body .s-section{padding-top:0!important;padding-bottom:0!important}
body .s-section-1{margin-top:64px!important;padding-top:0!important}
body .s-section-1 .slide,body .s-section-1 .slick-list,body .s-section-1 .slick-slide,body .s-section-1 .slick-track,
body .s-section-1 .s-slider-item,body .s-section-1 .item,body .s-section-1 .s-section-content,body .s-section-1 .container{padding-top:0!important;margin-top:0!important}
body .s-section-1>:first-child{margin-top:0!important;padding-top:0!important}

/* Section-1 two-column layout */
.s-section-1 .container.s-rva{margin-left:auto!important;margin-right:auto!important;display:flex!important;
flex-direction:row!important;align-items:center!important;justify-content:space-between!important;box-sizing:border-box!important}
.s-section-1 .container.s-rva>.columns{float:none!important;display:block!important}
.s-section-1 .container.s-rva>.columns.s-rva-text{order:1!important;margin:0!important}
.s-section-1 .container.s-rva>.columns.media-outer,.s-section-1 .container.s-rva>.columns.s-rva-media{order:2!important;margin:0!important;margin-right:-20px!important}

/* Container - match navbar inner width (1200px centered) */
.s-section .container{max-width:1200px!important;width:100%!important;padding:0 20px!important;
box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important}

/* Grid section - CRITICAL: do NOT set fixed heights that break aspect ratio */
.s-grid-section{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
.s-grid-section .s-section-content{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
.s-grid-section .s-grid-section-content{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;align-items:flex-start!important;
max-width:1200px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;padding:0 20px!important;height:auto!important;min-height:0!important;overflow:visible!important}
.s-grid-section .s-section-item-wrapper{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;
margin:0 auto!important;padding:0!important;height:auto!important;min-height:0!important;overflow:visible!important}
/* Grid cells: only set width, do NOT set height (let content/aspect-ratio determine height) */
.s-grid-section-cell{margin:0!important;padding:5px!important;box-sizing:border-box!important;
overflow:hidden!important;align-self:flex-start!important;position:relative!important}
.s-grid-section-cell._4-columns{width:280px!important;min-width:280px!important;max-width:280px!important;flex:0 0 280px!important; height:450px;}
.s-grid-section-cell._3-columns{width:380px!important;min-width:380px!important;max-width:380px!important;flex:0 0 380px!important}
.s-grid-section-cell._2-columns{width:580px!important;min-width:580px!important;max-width:580px!important;flex:0 0 580px!important}
/* Grid cell content: position relative, fill parent */
.s-grid-section-cell .s-grid-section-cell-content{display:block!important;width:100%!important;height:auto!important;overflow:hidden!important;position:relative!important}
/* Grid cell empty anchor (sibling of s-bg-image) - hide from layout */
.s-grid-section-cell .s-grid-section-cell-content>a:not(:has(.s-bg-image)){display:none!important}
/* Grid cell background image (direct child of content, sibling of empty <a>) - absolute fill */
.s-grid-section-cell .s-bg-image{display:block!important;position:absolute!important;top:0!important;left:0!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;width:100%!important;height:100%!important}

/* ===== Typography ===== */
h1{font-size:42px!important;font-weight:700!important}
h2{font-size:36px!important;font-weight:700!important}
h3{font-size:24px!important;font-weight:600!important}
h4{font-size:20px!important;font-weight:400!important}
h5,h6{font-size:16px!important;font-weight:400!important}
.s-section a:not(.tg3d-nav-item>a):not(.tg3d-contact-btn):not(.tg3d-logo):not(.tg3d-dropdown a):not(.s-grid-section-cell-content>a){color:#33c5d1!important;text-decoration:none!important;transition:color 0.2s ease!important}
.s-section a:not(.tg3d-nav-item>a):not(.tg3d-contact-btn):not(.tg3d-logo):not(.tg3d-dropdown a):not(.s-grid-section-cell-content>a):hover{color:#2aaeb9!important}

/* ===== Icons Section (safe) ===== */
.s-icons-section .s-component-content,.s-hidden-section .s-component-content{display:flex!important;justify-content:center!important}
.s-icons-section .s-repeatable,.s-hidden-section .s-repeatable{display:flex!important;justify-content:center!important;flex-wrap:wrap!important}
.s-icons-section img,.s-hidden-section img{display:block!important;margin:0 auto!important}

/* ===== Footer ===== */
.s-footer,.s-footer-section,.s-footer-content{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;display:block!important}

/* ===== Image Display Fixes (SAFE - do NOT override padding-bottom or height on ratio boxes) ===== */
/* Only ensure images are block-level and centered. DO NOT touch aspect ratio containers. */
.s-component.s-image img,.s-component.s-media img{display:block!important;margin:0 auto!important}

/* Slider background images */
.s-slider-section .s-bg-image,.s-section-9 .s-bg-image,.s-section-8 .s-bg-image{background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}
.s-slider-section .slick-slider,.s-slider-section .slick-list,.s-slider-section .slick-track,.s-slider-section .slick-slide,.s-slider-section .slick-slide-item-wrapper,.s-slider-section .s-bg-image{width:100%!important;min-width:100%!important;max-width:100%!important}
.s-slider-section .slick-slide{float:none!important;display:block!important}
.navigation-buttons{display:none!important}

/* Text color fix */
.s-text-color-custom2{color:#333!important}
body{overflow-x:hidden!important}

/* ===== Responsive: Mobile (do NOT break image aspect ratio) ===== */
@media only screen and (max-width:768px){.s-section .container{max-width:100%!important;padding:0 15px!important}}
@media only screen and (max-width:768px){.s-grid-section .s-grid-section-content{flex-direction:column!important;align-items:center!important;width:100%!important;max-width:100%!important}}
@media only screen and (max-width:768px){.s-grid-section .s-section-item-wrapper{max-width:100%!important;width:100%!important}}
@media only screen and (max-width:768px){.s-grid-section-cell._4-columns,.s-grid-section-cell._3-columns,.s-grid-section-cell._2-columns{width:100%!important;min-width:0!important;max-width:100%!important;flex:0 0 100%!important;height:auto!important;min-height:0!important}}
@media only screen and (max-width:768px){.s-component-content h1{font-size:28px!important}.s-component-content h2{font-size:24px!important}.s-component-content h3{font-size:18px!important}.s-component-content p{font-size:14px!important}}
@media only screen and (max-width:768px){.s-slider-section .s-component-content h2{font-size:22px!important}}
@media only screen and (max-width:768px){.s-bg-image{background-size:cover!important;background-position:center center!important}}
@media only screen and (max-width:768px){
  /* Make all section backgrounds fill mobile screen width */
  .s-section,.s-slider-section{width:100%!important;max-width:100%!important;overflow:hidden!important}
  .s-bg-image{width:100%!important;max-width:100%!important;background-size:cover!important;background-position:center center!important}
  .s-slider-section .slick-slider,.s-slider-section .slick-list,.s-slider-section .slick-track,.s-slider-section .slick-slide{width:100%!important;max-width:100%!important}
  .s-slider-section .slick-slide-item-wrapper{width:100%!important;max-width:100%!important}
  .container{max-width:100%!important;width:100%!important;padding-left:15px!important;padding-right:15px!important}
}


/* ===== Responsive: Tablet ===== */
@media only screen and (min-width:769px) and (max-width:1024px){.s-section .container{max-width:100%!important;padding:0 25px!important}}
@media only screen and (min-width:769px) and (max-width:1024px){.s-grid-section-cell._4-columns{width:45%!important;min-width:0!important;max-width:45%!important;flex:0 0 45%!important}}
@media only screen and (min-width:769px) and (max-width:1024px){.s-grid-section-cell._3-columns{width:48%!important;min-width:0!important;max-width:48%!important;flex:0 0 48%!important}}
@media only screen and (max-width:1024px){.s-grid-section-cell._2-columns{width:48%!important;min-width:0!important;max-width:48%!important;flex:0 0 48%!important}}
@media only screen and (min-width:769px) and (max-width:1024px){.s-component-content h1{font-size:36px!important}.s-component-content h2{font-size:30px!important}}


/* ===== Cookie notification - hide ===== */
.s-cookie-notification-bar,.cookie-notification-title,.s-cookie-notification-dialog{display:none!important}

/* ===== 订制服装页 Hero: 蓝色半圆背景右移（不碰人物图片） ===== */
/* Target: s-page-9 = dingzhifuzhuang.html, s-section-1 = 首屏Hero */
@media only screen and (min-width:769px){
  /* 蓝色半圆背景图右移 - 背景图靠右显示，不改变人物图 */
  .s-page-9 .s-section-1 .slick-slide-item-wrapper .s-bg-image{
    background-position: right center!important;
    background-size: contain!important
  }
}