/*
Theme Name: yinyangbalance

Version: 2026.09
*/
@charset "UTF-8";
:root{
  --serif:"Baskervville", Georgia, serif;
  --sans:"Open Sans", "Source Sans Pro", Arial, sans-serif;
  --gold:#D6B981;
  --cream:#F5EEDE;
  --brown:#6E5D3F;          /* accent */
  --brown-hero:rgba(110,93,63,.5);
  --brown-card:rgba(110,93,63,.72);
  --ink:#000000;
  --white:#FFFFFF;
}

body{font-family: "Open Sans", sans-serif;color:#333;font-size:14px;line-height:1;    font-weight: 400;}
h1,
h2,
h3{font-family:var(--serif);}
p{margin-top:0;margin-bottom:10px;}
ol,
ul,
dl{padding:0;margin:0;list-style:none;}
a{color:#333;text-decoration:none;background-color:transparent;}
a:hover{color:#6E5D3F;text-decoration:none;}
*:focus,
textarea:focus,
button:focus,
input:focus{box-shadow:none;outline:0}
img{border:0;max-width:100%;height:auto;}
#wp-admin-bar-wp-logo,
#wp-admin-bar-search{display:none!important}
.show_m{-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;}
@media (min-width:1200px){
    .container{max-width:1460px;}
}
.color_primary{color:#6E5D3F!important;}
.bg_primary{background:#6E5D3F!important;}
.color_secondary{color:#f37272!important;}
.bg_secondary{background:rgba(245, 238, 222, 1)!important;}


.white_hover:hover{background:#fff!important;color:#000!important;}
.dark_hover:hover{background:#000!important;color:#fff!important;}
.primary_hover{transition:background .3s ease,color .3s ease;}
.primary_hover:hover{background:#54462C!important;color:#fff!important;}
.zhezhao:before{ position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color:#6E5D3F;  opacity: 0.5;z-index: 1;}
.bg_btn{
    background-color: #6e5d3f;
}
.hui_a{color:#709fcf;}
.hui_a a{color:#709fcf;}
.hui_a a:hover{color:#709fcf;}
/*「Wellness de luxe」CTA 背景图（footer.php，全站页脚上方那一块）：铺满整块、只裁不拉。
   原来是 width:300% + height:100% —— 两个方向各自按百分比铺满，谁也不管原图比例。
   原图是 1920×500 的全景（比例 3.84），手机端 375 宽时被算成 height:100%（=整块高度 377），
   于是渲染成 375×377（比例 1.03），纵向被拉伸近 4 倍。cover 靠裁切填满，比例永远不变。
   桌面端顺带补掉了另一处：原先 width:100% + height:auto，图高 375 < 板块高 442，
   上下各露出一条 33px 的白边。*/
.ready-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.f-title{color: var(--cream);    font-style: italic; text-transform: uppercase; font-family: var(--serif);}
.f-desc{
    font-family: var(--sans);font-style: italic;
}
.font-bask{
  font-family: Baskervville;
}

/*子页 banner：尺寸与遮罩对齐 Geschenkgutschein 的 .hero--sp / .hero__veil（见文件末尾该页样式）*/
.section-banner{
    position:relative;
    height:450px;
    overflow:hidden;
}
.section-banner img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
}
.section-banner::after{
    content:"";
    position:absolute;
    top:0;right:0;bottom:0;left:0;
    background:var(--brown-hero);
    pointer-events:none;
}
@media (max-width:1024px){
    .section-banner{height:500px;}
}
@media (max-width:767px){
    .section-banner{height:200px;}
}

.bg_warm{background:#f7f1f1;}
.bg_warm2{background:#6E5D3F;}
/*底部法务链接（foot2 菜单）：保持原来「a | b | c」的行内排布*/
.foot_legal{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.foot_legal li{display:flex;align-items:center;}
/*分隔符两侧留白对齐原来「a | b | c」里空格的效果（实测管道符宽 3.78px）*/
.foot_legal li+li::before{content:"|";margin:0 3.15px;}
#ProductDescription a{
    color:#196FFF ;
}
#ProductDescription a:hover{
    color:#196FFF;
}
/*nav*/
.header-menu{}
.header-menu .header-menu-ul{font-size:0px;}
.header-menu .header-menu-ul li{display:inline-block;position:relative;}
.header-menu .header-menu-ul li:hover{}
.header-menu .header-menu-ul li a{padding:15px 20px;display:block;font-size:17px;color:#222;position:relative;font-weight:500;white-space:nowrap;}
.header-menu .header-menu-ul li a:hover{color:#6E5D3F;}
.header-menu .header-menu-ul li .sub-menu{display:none;position:absolute;top:47px;left:6px;background:#fff;width: 260px;z-index:99;border-radius: 10px;overflow: hidden;}
.header-menu .header-menu-ul li .sub-menu li{width:100%;border-bottom:1px solid #f2f2f2;}
.header-menu .header-menu-ul li .sub-menu li a{font-size:14px;padding:20px;}
.header-menu .header-menu-ul li .sub-menu li a:after{display:none}
.header-menu .header-menu-ul li .sub-menu .sub-menu{position:absolute;left:200px;top:0px;}
.header-menu .header-menu-ul li.menu-item-has-children>a:before{content:'\F282';font-family:'bootstrap-icons';font-size:12px;transform:scale(0.7);display:block;position:absolute;right:4px;top:18px;}
.header-menu .header-menu-ul li .sub-menu .menu-item-has-children a:before{content:'\F282';font-family:'bootstrap-icons';display:block;float:right;transform:rotate(270deg);-webkit-transform:rotate(270deg);}
.header-menu .header-menu-ul li.current-menu-item>a,
.header-menu .header-menu-ul li.current-menu-parent>a,
.header-menu .header-menu-ul li.current-menu-ancestor>a{color:#6E5D3F;}
.header-menu .header-menu-ul li.current-menu-item a:after,
.header-menu .header-menu-ul li.current-menu-parent a:after,
.header-menu .header-menu-ul li.current-menu-ancestor a:after{content:'';background:#6E5D3F;width:20px;height:3px;position:absolute;bottom:-4px;left:50%;margin-left:-10px;border-radius:4px;}


/*banner_swiper*/
.banner_swiper .banner_prev{left:40px;top:50%;}
.banner_swiper .banner_next{right:40px;top:50%;}
.banner_swiper .banner_prev,
.banner_swiper .banner_next{position:absolute;z-index:1;width:50px;height:50px;background:#000;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:0;transition:all 0.6s ease;margin-top:-20px;font-size:14px;color:#fff;}
.banner_swiper:hover .banner_prev,
.banner_swiper:hover .banner_next{opacity:1;}
.banner_swiper .banner_prev:hover,
.banner_swiper .banner_next:hover{background:#6E5D3F;color:#fff;}
.banner_swiper .banner_pagination{position:absolute;bottom:40px;z-index:1;text-align:center;}
.banner_swiper .banner_pagination .swiper-pagination-bullet{width:12px;height:12px;border:1px solid #ffffff00;background:#a6a6a6;}
.banner_swiper .banner_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#6E5D3F;}
.banner_swiper .swiper-slide{position:relative;}
.banner_swiper .banner_show{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);z-index:1;}
.banner_show{position:relative;text-align: center;}
.banner_show h2{font-size:86px;color:var(--cream);line-height:1.2;font-weight:400; font-family: "Baskervville", Sans-serif;  text-transform: uppercase;}
.banner_show h4{font-size:42px;color:var(--cream);margin-bottom:15px;font-weight:400;line-height:2.0;font-family: "Baskervville", Sans-serif;}
.banner_show p{
    color: #F5EEDE;color:#fff;    font-family: "Baskervville", Sans-serif; font-size: 22px;font-style: italic;
}
.banner_show a{background:#6E5D3F;padding:18px 40px;display:inline-flex;font-size:18px;color:#fff;border-radius:6px;transition:.6s;}
.banner_show a:hover{background:#fff;color:#000;}
.banner_show a:last-child{margin-left:10px;}

.banner_swiper .swiper-slide::after{
    position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color:#6E5D3F;  opacity: 0.5;
}
@media (max-width:992px){
    .banner_show h2{font-size:56px;}
    .banner_show h4{font-size:26px;}
    .banner_show p{font-size:16px;}
}
@media (max-width:768px){
  
    .banner_swiper .swiper-slide{height:340px;}
    .banner_swiper .swiper-slide img{display:block;width:100%;height:100%!important;object-fit:cover;}
    .banner_show{text-align:center;}
    .banner_show h2{font-size:36px;line-height:1.25;}
    .banner_show h4{font-size:16px;line-height:1.4;margin-bottom:8px;}
    .banner_show p{font-size:15px;line-height:1.4;}
    .banner_show a{font-size:14px;}
}
@media (max-width:480px){
    /*标题单行宽 934px@86px，26px 时连 320 宽的屏也放得下单行*/
    .banner_show h2{font-size:26px;}
    .banner_show h4{font-size:16px;}
    .banner_show p{font-size:14px;}
    .banner_swiper .banner_prev,.banner_swiper .banner_next{
        display: none;
    }
   
}
.swiper_before{position:relative;overflow:hidden;}
.swiper_before:before{position:absolute;content:'';width:100%;height:100%;top:0px;right:0px;z-index:1;opacity:1;background:#00000024;}

/*zw*/
.wznrys{}

/*hr*/
.wznrys hr{height:20px;border:none;position:relative;padding:0px;margin:10px 0px 25px 0px;}
.wznrys hr:after{content:"";width:100%;height:1px;background-color:#e2e2e2;position:absolute;top:10px;z-index:1;}
.wznrys hr:before{content:"";position:absolute;width:8px;height:8px;background-color:#ababab;left:50%;top:50%;transform:rotate(45deg);z-index:2;margin-top:-4px;margin-left:-4px;}

/*zw def*/
.wznrys p{line-height:2;padding-bottom:20px;margin-bottom:0;margin-top:0;}
.wznrys img{max-width:100%;height:auto}
.wznrys h1,
.wznrys h2,
.wznrys h3,
.wznrys h4,
.wznrys h5,
.wznrys h6{margin-bottom:25px;margin-top:0px;line-height:30px;font-weight:600;color:#000;}
.wznrys h1{font-size:24px;}
.wznrys h2{font-size:22px;}
.wznrys h3{font-size:20px;}
.wznrys h4{font-size:18px;}
.wznrys h5{font-size:16px;}
.wznrys h6{font-size:16px;}
.wznrys ol,
.wznrys ul{margin-bottom:30px;list-style:disc;}
.wznrys ol li,
.wznrys ul li{margin-left:24px;margin-bottom:12px;line-height:2;}
.wznrys ol li a,
.wznrys ul li a{border-bottom:1px solid #6E5D3F;color:#6E5D3F;}
.wznrys strong{font-weight:bold;}

@media (max-width:768px){
.wznrys h1{font-size:20px;}
.wznrys h2{font-size:18px;}
.wznrys h3{font-size:16px;}
.wznrys h4{font-size:16px;}
.wznrys h5{font-size:16px;}
.wznrys h6{font-size:16px;}
}

/*blockquote*/
.wznrys blockquote{position:relative;border:1px double rgba(0,0,0,.1);padding:40px 25px 25px 25px;margin:40px 0px 30px 0px;}
.wznrys blockquote:before{content:"\F6B0";font-family:'bootstrap-icons';background:#6E5D3F;position:absolute;top:-20px;width:40px;height:40px;line-height:40px;border-radius:50%;text-align:center;color:#fff;left:calc(50% - 20px);}
.wznrys blockquote p{font-weight:bold;font-style:inherit;padding:0;}
.wznrys blockquote cite{padding-bottom:0px;display:flex;font-size:16px;font-style:inherit;color:#777;}

/*wp-caption*/
.wznrys .wp-caption{max-width:100%;}
.wznrys .wp-caption p.wp-caption-text{text-align:center;padding-bottom:0px;margin-bottom:25px;font-size:12px;color:#888;}
.wznrys .crayon-table tr:nth-child(odd){background:none;}

/*wz_code*/
.wznrys pre.wp-block-code{margin:50px 0px;position:relative;background:#282922;padding-top:36px;border-radius:5px;box-shadow:0 10px 30px 0 rgba(0,0,0,.4);}
.wznrys pre.wp-block-code code{font-size:13px;line-height:1.8;padding:15px 20px;border-radius:0px 0px 10px 10px;}
.wznrys pre.wp-block-code code table{border:none;line-height:1.8;margin:0;}
.wznrys pre.wp-block-code code table tr{border-bottom:1px solid #272727;}
.wznrys pre.wp-block-code code table tr:nth-child(odd){background:none;}
.wznrys pre.wp-block-code code table tr:last-child{border-bottom:none;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-numbers{width:30px;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-numbers .hljs-ln-n{text-align:center;color:#5a5a5a;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-numbers .hljs-ln-n:before{padding-right:10px;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-code{border-left:1px solid #272727;text-indent:12px;}
.wznrys pre.wp-block-code code table tr td{border:none;text-align:inherit;line-height:inherit;}
.wznrys pre.wp-block-code:before{content:"";position:absolute;border-radius:50%;background:#fc625d;width:12px;height:12px;left:14px;top:12px;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;z-index:2;}

/*figure*/
.wznrys figure{margin-bottom:25px;}
.wznrys figure.wp-block-gallery{display:flex;flex-wrap:wrap;gap:20px;--wp--style--unstable-gallery-gap:20px;}

/*wz_table*/
.wznrys .wp-block-table{}
.wznrys .wp-block-table table{margin-bottom:20px;line-height:2;}
.wznrys .wp-block-table table{}
.wznrys .wp-block-table table tr{}
.wznrys .wp-block-table table tr td,
.wznrys .wp-block-table table tr th{padding:15px 20px;}

/*wp-block-audio*/
.wznrys .wp-block-audio{margin-bottom:40px;}
.wznrys .wp-block-cover{margin-bottom:40px;}
.wznrys .wp-block-cover .wp-block-cover__inner-container{margin:0px 10%;}

/*wp-block-search*/
.wznrys .wp-block-search{margin-bottom:30px;}
.wznrys .wp-block-search .wp-block-search__label{display:none;}
.wznrys .wp-block-search .wp-block-search__inside-wrapper{background:#ebe9e9;padding:15px 20px;border-radius:5px;}
.wznrys .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input{background:#fff;border:none;border-radius:10px 0px 0px 10px;text-indent:15px;color:#a7a6a6;}
.wznrys .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button{background-color:#6E5D3F;margin-left:0px;border:none;font-size:14px;color:#fff;border-radius:0px 10px 10px 0px;padding:8px 25px;}

/*float*/
.wznrys .aligncenter{clear:both;display:block;margin:0 auto;}
.wznrys .alignright{float:right;margin:25px 0px 10px 20px;}
.wznrys .alignleft{float:left;margin:25px 20px 10px 0px;}

/*text-align*/
.has-text-align-left{text-align:left;}
.has-text-align-center{text-align:center;}
.has-text-align-right{text-align:right;}

/*font-size*/
.has-small-font-size{font-size:12px;}
.has-medium-font-size{font-size:16px;}
.has-large-font-size{font-size:20px;}
.has-x-large-font-size{font-size:24px;}

/*font-color*/
.has-black-color{color:#000000}
.has-black-background-color{background-color:#000000}
.has-cyan-bluish-gray-color{color:#ABB8C3}
.has-cyan-bluish-gray-background-color{background-color:#ABB8C3}
.has-white-color{color:#FFFFFF}
.has-white-background-color{background-color:#FFFFFF}
.has-pale-pink-color{color:#F78DA7}
.has-pale-pink-background-color{background-color:#F78DA7}
.has-vivid-red-color{color:#CF2E2E}
.has-vivid-red-background-color{background-color:#CF2E2E}
.has-luminous-vivid-orange-color{color:#FF6900}
.has-luminous-vivid-orange-background-color{background-color:#FF6900}
.has-luminous-vivid-amber-color{color:#FCB900}
.has-luminous-vivid-amber-background-color{background-color:#FCB900}
.has-light-green-cyan-color{color:#7BDCB5}
.has-light-green-cyan-background-color{background-color:#7BDCB5}
.has-vivid-green-cyan-color{color:#00D084}
.has-vivid-green-cyan-background-color{background-color:#00D084}
.has-pale-cyan-blue-color{color:#8ED1FC}
.has-pale-cyan-blue-background-color{background-color:#8ED1FC}
.has-vivid-cyan-blue-color{color:#0693E3}
.has-vivid-cyan-blue-background-color{background-color:#0693E3}
.has-vivid-purple-color{color:#9B51E0}
.has-vivid-purple-background-color{background-color:#9B51E0}

/*iframe*/
.wznrys iframe{width:100%;height:600px;}

/*mbx*/
.breadcrumb_loop{list-style:none;padding:0px;background:none;margin:0;display:flex;}
.breadcrumb_loop li{display:flex;margin:5px 0px;}
.breadcrumb_loop li a{display:flex;}
.text-white .breadcrumb_loop li a{color:#fff;}
.breadcrumb_loop li a:after{content:'\F285';font-family:'bootstrap-icons';margin:0px 5px;color:#ccc;}
.breadcrumb_loop li:last-child a:last-child:after{display:none}
@media (max-width:768px){
    .breadcrumb_loop{white-space:nowrap;overflow-x:auto;overflow-y:hidden;font-size:12px;}
}

/*fanye*/
.posts-nav{text-align:center;margin-bottom:30px}
.posts-nav .page-numbers{color:#606060;display:inline-block;padding:10px 15px;font-size:12px;background-color:#efefef;margin:0 2px;font-family:Arial;transition:all .6s;}
.posts-nav .current,
.posts-nav .page-numbers:hover{color:#fff;background-color:#6E5D3F;}

/*faq_card*/
.faq_card button{position:relative;width:100%;}
.faq_card button[aria-expanded="true"]:before{content:"\F279";font-family:'bootstrap-icons';position:absolute;font-size:12px;right:20px;top:28px;}
.faq_card button[aria-expanded="false"]:before{content:"\F27C";font-family:'bootstrap-icons';position:absolute;font-size:12px;right:20px;top:28px;}
.product_faqname button{margin:0px 30px 0px 0px;padding:0px 0px 15px 0px;font-size:20px;color:#333;border-bottom:4px solid #f8f9fa;font-weight:600;}
.product_faqname button.active{border-bottom:4px solid #6E5D3F;color:#6E5D3F;}
@media (max-width:768px){
    .faq_card button[aria-expanded="true"]:before,
    .faq_card button[aria-expanded="false"]:before{top:18px;}
    .product_faqname button{font-size:18px;}
}



/*contact_biaodan*/
.contact_biaodan{}
.contact_biaodan form[data-status="init"] .wpcf7-response-output{display:none;}
.contact_biaodan form[data-status="invalid"] .wpcf7-response-output{text-align:center;padding-top:20px;font-size:16px;line-height:1.4;color:#636363;}
.contact_biaodan form[data-status="failed"] .wpcf7-response-output{text-align:center;padding-top:20px;font-size:16px;line-height:1.4;color:#636363;}
.contact_biaodan p{margin-bottom:15px;position:relative;}
.contact_biaodan input{width:100%;padding:15px;border:1px solid #e2e2e2;border-radius:8px;font-size:16px;}
.contact_biaodan textarea{width:100%;padding:20px;border:1px solid #e2e2e2;border-radius:8px;font-size:16px;}
.contact_biaodan input[type="submit"]{background:#6E5D3F;font-size:18px;color:#fff;border:none;border-radius:8px;}
.contact_biaodan select{width:100%;padding:15px;border:1px solid #e2e2e2;border-radius:8px;font-size:16px;color:#757575;}
.contact_biaodan .screen-reader-response{display:none}
.contact_biaodan .wpcf7-not-valid-tip{position:absolute;top:6px;right:10px;font-size:12px;color:#ff5353;}
@media (max-width:768px){
    .contact_biaodan input{padding:10px 15px;font-size:14px;}
    .contact_biaodan textarea{padding:10px 15px;font-size:14px;}
    .contact_biaodan input[type="submit"]{font-size:16px;}
}

/*product_swiper*/
.product_swiper:hover .product_prev,
.product_swiper:hover .product_next{opacity:1;}
.product_swiper .product_prev{left:10px;top:50%;}
.product_swiper .product_next{right:10px;top:50%;}
.product_swiper .product_prev,
.product_swiper .product_next{position:absolute;z-index:1;width:40px;height:40px;background:#000;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:0;transition:all 0.6s ease;margin-top:-20px;font-size:14px;color:#fff;}
.product_swiper .product_prev:hover,
.product_swiper .product_next:hover{background:#6E5D3F;color:#fff;}
/*product_swiper 4:3 展示框,浅灰底色,图片铺满整个宽度(超出部分裁掉,左右不留灰边)*/
.product_swiper .swiper-slide{aspect-ratio:4 / 3;background:#f7f7f7;overflow:hidden;}
.product_swiper .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}

/*product_thumbs 4:3 展示框,浅灰底色,图片铺满整个宽度(超出部分裁掉,左右不留灰边)
  与 .product_swiper 用同样的 cover,取景范围才对得上大图*/
.product_thumbs .swiper-slide{aspect-ratio:4 / 3;border:3px solid #e5e2e2;background:#f7f7f7;overflow:hidden;}
.product_thumbs .swiper-slide.swiper-slide-thumb-active{border:3px solid #6E5D3F;}
.product_thumbs .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}

/*pagination*/
.product_swiper .product_pagination{position:absolute;bottom:30px;text-align:center;z-index:1;}
.product_swiper .product_pagination .swiper-pagination-bullet-active{background:#6E5D3F;}


/*mobile_anniu*/
#mobile_right_nav{width:300px;border:none;overflow-y: auto;}
#mobile_right_nav .menu-zk{}
#mobile_right_nav .menu-zk li{line-height:60px;position:relative;}
#mobile_right_nav .menu-zk li a{font-size:16px;display:block;border-bottom: 1px solid #f2f4fc;padding:0px 30px;}
#mobile_right_nav .menu-zk li:last-child a{border-bottom:none;}
#mobile_right_nav .menu-zk .sub-menu{background:#ffffff;}
#mobile_right_nav .menu-zk .sub-menu li{line-height:50px;}
#mobile_right_nav .menu-zk .sub-menu li a{font-size: 14px;color: #9f9b9b;border-bottom:1px solid #ededed;}
#mobile_right_nav .menu-zk .menu-item-has-children .czxjcdbs:before{content:"\F279";font-family:'bootstrap-icons';position:absolute;right:20px;top:15px;color:#ffffff;width:30px;height:30px;line-height:30px;text-align:center;display:block;cursor:pointer;background:#6E5D3F;border-radius:50%;font-size:10px;}
#mobile_right_nav .menu-zk .menu-item-has-children .kai:before{content:"\F27C";font-family:'bootstrap-icons';}


.application_ms{}
.application_ms h2{font-size:30px;font-weight:700;margin-bottom:20px;}
.application_ms h3{font-size:18px;margin-bottom:10px;}
.application_ms p{line-height:1.9;margin-bottom:10px;color:#666;}
@media (max-width:768px){
    .application_ms h2{font-size:20px;}
    .application_ms h3{font-size:16px;}
}


.trp-shortcode-switcher{padding: 1px 0px !important;}
.trp-language-item{padding: 6px 12px !important;}
.trp-shortcode-arrow{width: 15px;}
@media (max-width:768px){
.trp-language-item{padding: 4px 6px !important;}
.trp-current-language-item__wrapper:not(.trp-hide-arrow){padding-right: 6px !important;}
.trp-shortcode-arrow{width: 10px;}
}


/*search*/
#search_offcanvas{height:150px;}
.search_offcanvas_close{position:absolute;right:0px;top:0px;cursor:pointer;z-index:5;background:#e2e2e2;width:40px;height:40px;border:none;}
.search_offcanvas_close:after{content:"";position:absolute;background-color:black;left:20px;width:1px;height:20px;transform:rotate(-45deg);top:10px;}
.search_offcanvas_close:before{content:"";position:absolute;background-color:black;left:20px;width:1px;height:20px;transform:rotate(45deg);top:10px;}
.search_offcanvas_box{margin:50px 0px;text-align:center;}
.search_offcanvas_box .search_offcanvas_form{width:100%;position:relative;border:3px solid #dddddd;height:50px;display:flex;align-items:center;justify-content:space-between;}
.search_offcanvas_box .search_offcanvas_form input{width:100%;border:none;color:#b7b7b7;background:none;padding:0px 15px;}
.search_offcanvas_box .search_offcanvas_form button{border:none;color:#b7b7b7;background:none;margin:0;padding:0 20px 0 0;font-size:18px;}

.ul_style_disc ul{list-style-type:disc;margin-left: 17px;}


.sidebar_tools b{display:none;}
.sidebar_tools:hover b{display:flex;position:absolute;width:max-content;height:50px;right:50px;top:0px;background:#6E5D3F;z-index:-1;align-items:center;opacity:.9;padding:0px 20px 0px 20px;}



/*mobile display*/
.cxs1200{display:none;}
.cxs992{display:none;}
.cxs768{display:none;}
@media (max-width:1200px){
    .cxs1200{display:block!important;}
    .bxs1200{display:none!important;}
    .banner_swiper .banner_pagination{
        bottom: 10px;
    }
}
@media (max-width:992px){
    .cxs992{display:block!important;}
    .bxs992{display:none!important;}
}
@media (max-width:768px){
    .cxs768{display:block!important;}
    .bxs768{display:none!important;}
}
.translatepress-en_US .header-menu .header-menu-ul li a{
    padding: 15px 12px; font-size: 14px;
}
.translatepress-en_US .header-menu .header-menu-ul li.menu-item-has-children>a:before{
    right: 0;
}
.header-menu .header-menu-ul .sub-menu  li a{
white-space: normal;

}
.text-white a{
    color: #fff;
}
.text-white a:hover{
    color: #fff; text-decoration: underline;
}


/* ============================================================
   Geschenkgutschein 子页面  (原站 post-11.css 映射)
     hero f21cb41 | cream 43be3121 | quote 55b59248 | cta 22566fe5
   调色板与字体沿用本文件顶部 :root 变量
   断点按原站 max-width:1024px / max-width:767px
   ============================================================ */

/* ----- 通用 band / 居中定宽容器 ----- */
.band{position:relative;width:100%;}
.band__box{
    position:relative;z-index:1;
    margin:0 auto;
    width:100%;max-width:1140px;
    display:flex;flex-direction:column;
    align-items:stretch;justify-content:center;
    padding-left:10px;padding-right:10px;
}
.ser{font-family:var(--serif);}
.center{text-align:center;}

/* ----- 1. HERO (f21cb41) ----- */
.hero{
    min-height:650px;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    display:flex;
}
.hero__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--brown-hero);}
.hero .band__box{min-height:650px;text-align:center;}
.hero__brand{
    color:var(--cream);
    font-size:152px;
    font-weight:400;
    line-height:1.05;
    letter-spacing:normal;
    margin:0;
}
.hero__sub{
    color:var(--cream);
    font-size:42px;
    font-weight:400;
    letter-spacing:8px;
    line-height:1.1;
    margin:24px 0 0;
}
.hero__tag{
    color:var(--white);
    font-size:22px;
    font-weight:400;
    font-style:italic;
    letter-spacing:4px;
    line-height:2em;
    margin:20px 0 0;
}
/* 子页 hero：更矮的带状区，品牌字 140 */
.hero--sp{min-height:450px;}
.hero--sp .band__box{min-height:450px;}
.hero--sp .hero__brand{font-size:140px;line-height:1;letter-spacing:1.2px;}

/* ----- 2. 奶油花卉带 (43be3121) ----- */
.floral{background-color:var(--cream);}
.floral::after{
    content:"";position:absolute;top:0;right:0;bottom:0;left:0;
    background:url("assets/img/gq-floral.png") center center / cover no-repeat;
    opacity:.15;
    pointer-events:none;
}
.gq__h2{
    font-family:var(--serif);font-weight:400;font-size:30px;line-height:1;
    letter-spacing:1.2px;color:var(--brown);text-align:center;margin:0;
}
.gq__h2--it{font-style:italic;}
.gq__h2--first{margin-top:90px;}
.gq__keine{margin-top:95px;}
.gq__sub{
    font-family:var(--serif);font-weight:400;font-style:italic;font-size:20px;line-height:1;
    letter-spacing:1.2px;color:var(--brown);text-align:center;margin:32px 0 0;
}
.gq__intro{
    font-family:var(--sans);font-weight:400;font-size:16px;line-height:24px;color:var(--ink);
    text-align:center;padding:0 175px;margin:15px 0 0;
}
/*后台为 wp_editor 富文本，压掉主题/ Bootstrap 的段落外边距*/
.gq__intro p{margin:0;}
.gq__intro p+p{margin-top:10px;}
.gq__cards{display:flex;justify-content:center;align-items:stretch;margin:69px 0 0;}
.gq__card{flex:0 0 550px;min-width:0;background:var(--brown);margin:5px;padding:10px;}
.gq__card img{display:block;width:100%;height:auto;}
.gq__nope{
    font-family:var(--sans);font-weight:400;font-style:italic;font-size:18px;line-height:24px;color:var(--ink);
    text-align:center;padding:0 215px;margin:32px 0 0;
}
.gq__end{height:129px;}

/* ----- 3. 引用带 (55b59248) ----- */
.band--accent{background-color:var(--cream);}
.quote .band__box{min-height:250px;text-align:center;}
.quote__t{
    font-family:var(--serif);
    font-size:32px;font-style:italic;font-weight:400;
    line-height:1.2;color:var(--brown);
    padding:0 75px;margin:0;
}
/*引用为 wp_editor 富文本，段落之间不留空档，保持参考图的两行紧凑排版*/
.quote__t p{margin:0;}

/* ----- 4. CTA (22566fe5) ----- */
.cta{
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    display:flex;
}
.cta .band__box{min-height:500px;}
.cta__card{width:100%;background:var(--brown-card);padding:55px;}
.cta__hd{color:var(--cream);font-size:36px;font-weight:400;font-style:italic;margin:0 0 24px;}
.cta__tx{font-family:var(--sans);color:var(--white);font-size:20px;font-style:italic;margin:0;}

@media (max-width:1024px){
    .hero,.hero .band__box{min-height:500px;}
    .hero__brand{font-size:150px;}
    .hero--sp,.hero--sp .band__box{min-height:500px;}
    .hero--sp .hero__brand{font-size:150px;}

    .quote .band__box{padding:0;}
    .quote__t{font-size:28px;}

    .gq__sub{padding:0 125px;}
    .gq__intro{padding:0 55px;}
    .gq__nope{padding:0 25px;}

    .cta .band__box{min-height:450px;}
}


.loop-product{display:flex; padding: 0 100px;}
.loop-product__img,
.loop-product__body{display:flex;width:50%;min-width:0;}
.loop-product__img a{display:block;width:100%;}
.loop-product__img img{width:100%;height:auto;aspect-ratio:600 / 420;object-fit:cover; padding: 10px;}


@media (max-width:1200px){
    .loop-product{padding: 0 40px;}
}

@media (max-width:992px){
    .loop-product{flex-direction:column;padding:0;}
    .loop-product__img,
    .loop-product__body{width:100%;}
}

@media (max-width:767px){
    .hero,.hero .band__box{min-height:450px;}
    .hero__brand{font-size:75px;}
    .hero__sub{font-size:25px;letter-spacing:0;margin-top:12px;}
    .hero__tag{font-size:22px;letter-spacing:0;line-height:1.2em;}
    .hero--sp,.hero--sp .band__box{min-height:450px;}
    .hero--sp .hero__brand{font-size:75px;}

    .quote .band__box{min-height:250px;}
    .q2 .quote__t{padding:0 5px;}
    .quote__t{line-height:1.2em;}

    .gq__sub{padding:0 5px;margin-top:34px;line-height:24px;}
    .gq__intro{padding:0 35px;line-height:24px;margin-top:20px;}
    .gq__nope{padding:0 35px;}
    .gq__cards{flex-direction:column;margin-top:74px;}
    .gq__card{flex:0 0 auto;width:100%;margin:5px 0;}

    .cta .band__box{min-height:450px;}
    .cta__hd{font-size:30px;}
}