/*
Theme Name: Wolf Bath Inspired – Flatsome Child
Description: Giao diện thiết bị phòng tắm lấy cảm hứng từ mẫu Wolf Bath. WooCommerce và trình nhập mẫu.
Author: Hung Le
Version: 1.0.0
Template: flatsome
Text Domain: wolf-bath
*/
:root{--wb-navy:#021d39;--wb-gold:#b99b62;--wb-cream:#f7f5ef;--wb-ink:#182633}*{box-sizing:border-box}body{color:var(--wb-ink);font-family:Arial,sans-serif}h1,h2,.wb-serif{font-family:Georgia,'Times New Roman',serif;color:var(--wb-navy)}a{color:inherit}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--wb-gold);outline-offset:4px}.wb-wrap{max-width:1320px;margin:auto;padding:0 28px}.wb-top{background:var(--wb-navy);color:white;text-align:center;padding:10px 20px;font-size:12px;letter-spacing:.4px}.wb-top span{color:#e1ca9e;margin-right:35px}.wb-header{background:white;position:relative;z-index:30}.wb-head{display:flex;align-items:center;gap:30px;min-height:98px}.wb-logo{min-width:185px;font:bold 26px Georgia;color:var(--wb-navy);white-space:nowrap}.wb-logo em{font-style:normal;color:var(--wb-gold)}.wb-logo small{display:block;font:8px Arial;letter-spacing:3px}.wb-logo img{max-width:200px;max-height:65px}.wb-search{display:flex;flex:1;margin:0;border:1px solid #ddd;border-radius:40px;padding:4px 5px 4px 18px}.wb-search input{border:0;box-shadow:none;margin:0;background:transparent}.wb-search button{background:var(--wb-navy);border-radius:50%;color:white;margin:0;min-width:42px;padding:0;font-size:20px}.wb-head-action{font-size:13px;white-space:nowrap}.wb-head-action b{font: bold 21px Georgia;display:block}.wb-cart{background:var(--wb-cream);padding:13px 18px;border-radius:8px}.wb-toggle{display:none}.wb-nav{border-top:1px solid #eee;border-bottom:1px solid #eee}.wb-menu{list-style:none;display:flex;gap:28px;margin:0;padding:0;align-items:center}.wb-menu li{margin:0;position:relative;list-style:none}.wb-menu>li>a{display:block;padding:18px 0;font-size:12px;font-weight:700;text-transform:uppercase}.wb-menu li:hover>a{color:var(--wb-gold)}.wb-menu .sub-menu{opacity:0;visibility:hidden;transform:translateY(12px);transition:.2s;position:absolute;top:100%;left:0;min-width:240px;background:white;box-shadow:0 8px 30px #0002;padding:15px;z-index:40;margin:0}.wb-menu li:hover>.sub-menu,.wb-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}.wb-menu .sub-menu a{display:block;padding:10px}.wb-menu .sub-menu .sub-menu{left:100%;top:0}.wb-hero{position:relative;min-height:620px;overflow:hidden}.wb-slide{display:none;min-height:620px;background-size:cover;background-position:center;align-items:center}.wb-slide.active{display:flex;animation:wbFade .7s}.wb-slide .wb-wrap{width:100%}.wb-hero-copy{max-width:570px;padding:70px 0}.wb-hero h1,.wb-hero h2{font-size:55px;line-height:1.12;margin:20px 0 25px}.wb-hero p{line-height:1.8;max-width:510px;color:#122838}.wb-kicker{font:11px Arial;letter-spacing:2.5px;color:var(--wb-gold);text-transform:uppercase;font-weight:700}.wb-btn{display:inline-block;background:var(--wb-navy);color:white!important;border-radius:6px;padding:16px 25px;font-size:13px;margin-top:22px;border:0;cursor:pointer;transition:background .2s,transform .2s}.wb-btn:hover{background:var(--wb-gold);transform:translateY(-2px)}.wb-controls{position:absolute;bottom:25px;left:50%;display:flex;gap:12px;transform:translateX(-50%);align-items:center}.wb-controls button{border-radius:50%;background:#ffffffb8;width:44px;height:44px;padding:0;min-height:0;margin:0;border:0;color:var(--wb-navy)}.wb-section{padding:75px 0}.wb-title{font-size:38px;margin:12px 0;line-height:1.2}.wb-section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:32px}.wb-section-head p{font-size:14px;color:#677079;margin:10px 0 0}.wb-link{border-bottom:1px solid var(--wb-gold);padding-bottom:6px;font-size:12px;white-space:nowrap;letter-spacing:1px}.wb-sale{background:var(--wb-cream)}.wb-sale-layout{display:grid;grid-template-columns:260px 1fr;gap:35px}.wb-sale-intro{background:var(--wb-navy);color:white;border-radius:10px;padding:35px 25px;display:flex;flex-direction:column;justify-content:center}.wb-sale-intro h2{font: bold 46px Georgia;color:#e6c387;margin:0 0 20px}.wb-sale-intro p{font-size:14px}.wb-sale-intro .wb-btn{border:1px solid #d8c29a}.wb-products .products{margin-bottom:0}.wb-products .product-small .box{border:1px solid #e8e8e8;border-radius:8px;background:white;overflow:hidden;padding:10px}.wb-products .box-image img{aspect-ratio:1;object-fit:contain}.wb-products .box-text{padding:15px 5px}.wb-products .name{font-size:14px;line-height:1.5;min-height:43px}.wb-products .price{color:var(--wb-navy);font-weight:700}.wb-products .button{font-size:11px;border-radius:5px}.wb-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.wb-cat{position:relative;overflow:hidden;border-radius:8px;min-height:290px;background:#e8e5df}.wb-cat img{width:100%;height:100%;object-fit:cover;position:absolute;transition:transform .65s}.wb-cat:hover img{transform:scale(1.05)}.wb-cat:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#00172be0,transparent 80%)}.wb-cat-copy{position:absolute;bottom:25px;left:25px;right:25px;z-index:1;color:white}.wb-cat h3{font:28px Georgia;color:white;margin:8px 0}.wb-cat-copy span{font-size:11px;letter-spacing:2px}.wb-signature{display:grid;grid-template-columns:1.1fr 1fr;background:var(--wb-cream);min-height:560px}.wb-signature>img{width:100%;height:100%;object-fit:cover}.wb-signature>div{padding:65px;align-self:center}.wb-signature p{line-height:1.9;color:#646b70}.wb-banners{display:grid;grid-template-columns:1fr 1fr;gap:25px}.wb-banners .wb-cat{min-height:380px}.wb-videos{background:var(--wb-navy);color:white}.wb-videos h2{color:white}.wb-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.wb-video{background:#102f4d;border-radius:10px;padding:20px}.wb-video video{width:100%;max-height:420px;background:#001528}.wb-video img{width:100%;aspect-ratio:4/3;object-fit:cover}.wb-video h3{font:22px Georgia;color:white}.wb-look{position:relative}.wb-look>img{width:100%;max-height:650px;object-fit:cover;border-radius:8px}.wb-hotspot{position:absolute;left:var(--x);top:var(--y)}.wb-hotspot summary{list-style:none;background:white;color:var(--wb-navy);border:5px solid #ffffff66;background-clip:padding-box;width:42px;height:42px;border-radius:50%;text-align:center;font-size:25px;cursor:pointer}.wb-hotspot>div{background:white;padding:15px;border-radius:6px;max-width:220px;width:210px;box-shadow:0 6px 25px #0003;position:absolute;z-index:3}.wb-news{display:grid;grid-template-columns:1.1fr 1fr;gap:35px}.wb-news article{border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:20px;display:grid;grid-template-columns:135px 1fr;gap:20px}.wb-news article:first-child{grid-row:span 3;display:block;border:0}.wb-news img{width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:5px}.wb-news h3{font-size:18px;line-height:1.4;margin:10px 0}.wb-news article:first-child h3{font:29px Georgia;line-height:1.3}.wb-news p{font-size:13px;color:#687079}.wb-footer{background:var(--wb-navy);color:#cbd3db;padding:65px 0 20px}.wb-foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:35px}.wb-footer h3{font-size:13px;color:white;letter-spacing:1px;margin-bottom:23px}.wb-footer p,.wb-footer a{font-size:13px;line-height:2}.wb-footer .wb-logo{color:white}.wb-footer ul{list-style:none;margin:0}.wb-footer li{margin-left:0}.wb-copyright{border-top:1px solid #ffffff22;margin-top:40px;padding-top:22px;font-size:12px;display:flex;justify-content:space-between}.wb-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;padding:35px 0;border-top:1px solid #ddd;font-size:13px}.wb-page{min-height:45vh;padding:55px 0}.wb-page>h1{text-align:center;margin-bottom:35px}.wb-page .wp-post-image{max-height:560px;object-fit:cover}.wb-page article{max-width:850px;margin:auto}.wb-contact{display:grid;grid-template-columns:1fr 1fr;gap:50px}.wb-contact input,.wb-contact textarea{width:100%}.wb-notice{padding:15px;background:var(--wb-cream);border-left:3px solid var(--wb-gold)}.woocommerce .button,.single_add_to_cart_button{background-color:var(--wb-navy)!important;color:white!important}.wb-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.wb-blog-grid img{aspect-ratio:1.5;object-fit:cover;width:100%}.wb-blog-grid h2{font-size:25px}.wb-blog-grid p{font-size:14px}@keyframes wbFade{from{opacity:.3;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@media(max-width:1000px){.wb-head{gap:15px}.wb-head-action{display:none}.wb-menu{gap:18px;flex-wrap:wrap}.wb-hero h1,.wb-hero h2{font-size:45px}.wb-sale-layout{grid-template-columns:220px 1fr}.wb-signature>div{padding:35px}.wb-foot-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.wb-wrap{padding:0 18px}.wb-top{font-size:10px}.wb-top span{margin:0}.wb-top .wb-top-extra{display:none}.wb-head{flex-wrap:wrap;padding-top:15px;padding-bottom:15px;gap:15px}.wb-logo{font-size:22px;min-width:0;flex:1}.wb-toggle{display:block;background:none;border:0;margin:0;font-size:24px;padding:0;color:var(--wb-navy)}.wb-search{order:3;flex-basis:100%}.wb-cart{padding:8px}.wb-nav{display:none}.wb-nav.open{display:block}.wb-menu{display:block;max-height:65vh;overflow:auto}.wb-menu>li>a{padding:12px}.wb-menu .sub-menu{position:static;display:block;visibility:visible;opacity:1;transform:none;box-shadow:none;padding:0 0 0 15px}.wb-menu .sub-menu a{padding:8px}.wb-hero,.wb-slide{min-height:490px}.wb-slide{background-position:62% center}.wb-hero-copy{max-width:95%;padding:60px 0 90px}.wb-hero h1,.wb-hero h2{font-size:36px;max-width:360px}.wb-hero p{font-size:14px;max-width:320px}.wb-slide:before{content:'';position:absolute;inset:0;background:#fff5}.wb-slide .wb-wrap{z-index:1}.wb-section{padding:45px 0}.wb-title{font-size:30px}.wb-section-head{align-items:start;flex-direction:column;gap:15px}.wb-sale-layout{display:block}.wb-sale-intro{margin-bottom:25px;padding:25px}.wb-sale-intro h2{font-size:36px}.wb-cat-grid{grid-template-columns:1fr 1fr;gap:12px}.wb-cat{min-height:230px}.wb-cat-copy{left:15px;bottom:20px}.wb-cat h3{font-size:23px}.wb-signature{display:block}.wb-signature>img{height:350px}.wb-signature>div{padding:35px 20px}.wb-banners{grid-template-columns:1fr}.wb-video-grid{grid-template-columns:1fr}.wb-news{display:block}.wb-news article:first-child{margin-bottom:25px}.wb-foot-grid{grid-template-columns:1fr 1fr;gap:25px}.wb-foot-grid>div:first-child{grid-column:span 2}.wb-benefits{grid-template-columns:1fr 1fr;font-size:11px}.wb-copyright{display:block;line-height:2}.wb-contact,.wb-blog-grid{grid-template-columns:1fr}.wb-hotspot>div{width:160px;font-size:12px}.wb-hotspot:nth-of-type(3)>div{right:0}.wb-products .small-columns-2>.col{max-width:50%;flex-basis:50%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}