/* Hyundai storefront improvements: shared header, product gallery and water tools. */
:root{--hy-header-height:160px;--hy-admin-offset:0px}
body.admin-bar{--hy-admin-offset:32px}
.hy-sticky-header .site-header{position:sticky;top:var(--hy-admin-offset);z-index:900;box-shadow:0 3px 16px #063b600c}
.hy-sticky-header :is(main,[id^="su-"],#recine-hesabi,#yumusatma-faydalari,.woocommerce-tabs){scroll-margin-top:calc(var(--hy-header-height) + var(--hy-admin-offset) + 20px)}
.nav-links{flex-wrap:wrap;justify-content:center}
.nav-links>.menu-item{position:relative}
.nav-links>li>a{white-space:normal}
.nav-links .sub-menu .sub-menu{left:100%;top:0}
.hy-product-card{position:relative;min-width:0}
.hy-card-trust{position:absolute;left:10px;right:10px;bottom:10px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;pointer-events:none}
.hy-card-trust>span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:7px;background:#fffefc;box-shadow:0 2px 9px #063b6010;color:#063b60;font-size:10px;font-weight:500;line-height:1.25;border:1px solid #dce9e9}
.hy-card-trust svg{flex:none;color:#388b81}
.hy-card-trust .hy-trust-install{background:#edf8f3}
.hy-card-trust small{display:block;margin-top:2px;font-size:8px;color:#55766e;font-weight:400}
.home .product-image:has(.hy-card-trust) img{padding-bottom:86px}
.woocommerce .related.products{min-width:0}
.woocommerce .woocommerce-Tabs-panel{overflow-wrap:anywhere}
.woocommerce .related.products ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:24px 0 0;padding:0}
.woocommerce .related.products ul.products::before,.woocommerce .related.products ul.products::after{display:none}
.woocommerce .related.products ul.products li.product{width:auto!important;float:none!important;margin:0!important;min-width:0}
.woocommerce .related.products .product-image{aspect-ratio:1}
.woocommerce .related.products .product-info{min-width:0}
.woocommerce .related.products :is(.product-price,.woocommerce-loop-product__title){overflow-wrap:anywhere}
.woocommerce div.product .woocommerce-product-gallery__image a{cursor:zoom-in}
.hy-gallery-hint{display:flex;align-items:center;justify-content:center;gap:7px;clear:both;margin:13px 0 0;color:#5a727f;font-size:11px;line-height:1.5;text-align:center}
.hy-gallery-hint svg{flex:none}
.pswp{z-index:100050!important}
.hy-guide-main{padding-top:34px}
.hy-guide,.hy-assistant-page{color:#063b60;line-height:1.65}
.hy-guide *,.hy-assistant-page *{box-sizing:border-box}
.hy-guide :is(h1,h2,h3,p),.entry-content .hy-assistant-page :is(h2,h3,p){margin-top:0}
.hy-kicker{display:block;font-size:10px;font-weight:500;letter-spacing:1.8px;line-height:1.5;color:#46777c;margin-bottom:16px}
.hy-experience-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;padding:60px 64px;border:1px solid #e2eeee;border-radius:22px;background:linear-gradient(110deg,#f0f7f6,#f7fafb 68%,#e5f0f4);position:relative;overflow:hidden}
.hy-experience-hero>div{min-width:0;position:relative}
.hy-experience-hero h1,.entry-content .hy-experience-hero h2{font-size:clamp(30px,3.2vw,47px);line-height:1.18;letter-spacing:-1.4px;font-weight:500;color:#063b60;margin:0 0 23px;max-width:580px}
.hy-experience-hero p{font-size:14px;line-height:1.9;color:#647780;max-width:500px;margin-bottom:28px}
.hy-guide .button,.hy-assistant-page .button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding:13px 21px;background:#063b60;border:1px solid #063b60;color:#fff;font-size:12px;font-weight:400;line-height:1.5;border-radius:6px;text-decoration:none}
.hy-guide .button:hover,.hy-assistant-page .button:hover{background:#0c4a70}
.hy-guide .button.outline{background:transparent;color:#063b60;border-color:#b8ced3}
.hy-hero-art{min-height:270px;display:flex;align-items:center;justify-content:center;gap:26px;color:#4e9fa7}
.hy-hero-art>svg{z-index:1;filter:drop-shadow(0 12px 22px #7cafb940)}
.hy-orbit{position:absolute;width:265px;height:265px;border:1px solid #b7d6dc;border-radius:50%;transform:translateX(-35px)}
.hy-orbit:after{content:'';position:absolute;inset:24px;border-radius:50%;background:linear-gradient(135deg,#fff8,#cfebee80)}
.hy-art-label{position:relative;font-size:14px;color:#587a89;line-height:1.7;letter-spacing:.2px}
.hy-art-label strong{font-size:21px;font-weight:500;color:#063b60}
.hy-tool-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 72px}
.hy-tool-nav>a{display:flex;align-items:center;gap:15px;min-width:0;padding:23px 20px;border:1px solid #e0e8eb;border-radius:12px;background:white;text-decoration:none}
.hy-tool-nav>a:hover{border-color:#4e9fa7;background:#fbfdfd}
.hy-tool-nav>a>span:nth-child(2){flex:1;min-width:0}
.hy-tool-nav strong{display:block;font-size:14px;font-weight:500}
.hy-tool-nav small{display:block;font-size:10px;color:#72838b;margin-top:4px;line-height:1.6}
.hy-tool-nav>a>svg{flex:none;color:#73949c}
.hy-color-icon{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;flex:none;border-radius:13px}
.hy-color-icon.mint{background:#eaf5ee;color:#408772}.hy-color-icon.blue{background:#edf3fa;color:#5d85af}.hy-color-icon.sand{background:#fcf3e9;color:#b08853}
.hy-tool-section{margin-bottom:72px}
.hy-section-heading{margin-bottom:27px}
.hy-section-heading .hy-kicker{margin-bottom:10px}
.hy-section-heading h2,.entry-content .hy-section-heading h2{font-size:29px;line-height:1.3;letter-spacing:-.7px;font-weight:500;margin:0 0 12px}
.hy-section-heading p{font-size:13px;color:#6a7c85;margin:0}
.hy-calculator{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #e0e8eb;border-radius:16px;overflow:hidden;background:#fff}
.hy-calculator-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px;padding:36px;margin:0;align-content:start}
.hy-tool-field{display:block;min-width:0;color:#486370;font-size:12px;line-height:1.5}
.hy-tool-field>span:first-child{display:block;margin-bottom:9px}
.hy-input-unit{display:flex;align-items:center;border:1px solid #cddce0;border-radius:7px;background:#fff;overflow:hidden;min-width:0;min-height:50px}
.hy-input-unit:focus-within{outline:2px solid #4e9fa7;outline-offset:2px}
.hy-input-unit input{width:100%;min-width:0;border:0;background:none;padding:12px 8px 12px 14px;font-family:inherit;font-size:16px;font-weight:500;color:#063b60;outline:none;box-shadow:none;height:50px}
.hy-input-unit input:invalid:not(:focus){box-shadow:inset 0 -2px #b37661}
.hy-input-unit>span{padding:0 12px 0 0;font-size:10px;color:#788c97;white-space:nowrap;flex:none}
.hy-tool-note{font-size:11px!important;line-height:1.8!important;color:#77868e;margin:0}
.hy-tool-note a,.hy-method a{color:#367c83;text-decoration:underline;text-underline-offset:3px}
.hy-calculator-inputs>.hy-tool-note{grid-column:1/-1}
.hy-calculator-inputs>.button{grid-column:1/-1;justify-self:start}
.hy-calculator-result{padding:36px 40px;background:#f0f7f5;display:flex;flex-direction:column;justify-content:center;min-width:0;border-left:1px solid #e0e8eb}
.hy-calculator-result.blue{background:#f1f6fa}
.hy-calculator-result>.hy-kicker{font-size:9px;letter-spacing:1.4px;margin-bottom:26px}
.hy-cost-bar{margin:0 0 23px}
.hy-cost-bar>div{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:12px}
.hy-cost-bar strong{font-size:20px;font-weight:500;overflow-wrap:anywhere}
.hy-cost-bar>span{display:block;background:#e0e9e7;height:9px;border-radius:20px;overflow:hidden}
.hy-cost-bar i{display:block;width:0;height:100%;border-radius:20px;background:#063b60;transition:width .3s ease}
.hy-cost-bar.aqua i{background:#65a99f}
.hy-result-details{margin:0 0 20px;font-size:11px;color:#5f7782}
.hy-result-details>div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #dbe7e7}
.hy-result-details dt{font-weight:400}.hy-result-details dd{margin:0;text-align:right;font-weight:500}
.hy-result-total{margin:0 0 13px}
.hy-result-total>span{display:block;font-size:12px;color:#4e7972;margin-bottom:5px}
.hy-result-total strong{display:block;color:#063b60;font-size:36px;letter-spacing:-1px;line-height:1.25;font-weight:500;overflow-wrap:anywhere}
.hy-result-caption{font-size:12px;color:#486b67;margin:0 0 18px}
.hy-calculator-result .hy-inline-link{margin-top:18px;align-self:start}
.hy-calculator-result>.button{align-self:start;margin-top:20px}
.hy-inline-link,.entry-content .hy-inline-link{background:none;border:0;padding:0;color:#327e83;font-size:12px;font-weight:500;line-height:1.7;text-decoration:none!important;cursor:pointer}
.hy-inline-link:hover{text-decoration:underline!important}
.hy-resin-visual{width:100px;height:100px;border:1px solid #cddfe9;background:#e4f0f6;display:grid;place-items:center;border-radius:50%;color:#79a9bf;margin:0 0 22px}
.hy-method{margin-top:14px;padding:16px 22px;background:#fafbfb;border:1px solid #e6ecee;border-radius:8px;font-size:12px;color:#6a7c85}
.hy-method summary{cursor:pointer;color:#4a6878}.hy-method p{margin:15px 0 0;font-size:11px}
.hy-benefits{display:grid;grid-template-columns:1fr 1.2fr;gap:55px;align-items:center;border:1px solid #e0e8eb;border-radius:16px;padding:38px}
.hy-house{background:#f3f8f8;border-radius:12px;padding:14px 20px 24px;text-align:center}
.hy-house svg{width:100%;max-height:300px}.hy-house>span{font-size:8px;letter-spacing:2px;color:#7b949c}
.hy-benefit-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.hy-benefit-buttons button{border:1px solid #d5e2e5;border-radius:30px;background:#fff;font-size:11px;line-height:1.5;padding:10px 15px;color:#5c7480;min-height:40px}
.hy-benefit-buttons button[aria-pressed=true]{background:#063b60;border-color:#063b60;color:#fff}
.hy-benefit-copy h3{font-size:24px;line-height:1.4;font-weight:500;margin-bottom:13px;letter-spacing:-.5px}
.hy-benefit-copy [data-benefit-content]{min-height:158px}
.hy-benefit-copy [data-benefit-content] p{font-size:13px;line-height:1.9;color:#6a7c85}
.hy-benefit-copy>.hy-tool-note{margin-top:24px}
.hy-help-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 36px;border-radius:12px;background:#edf4f5}
.hy-help-strip>div{min-width:0;flex:1}
.hy-help-strip h2,.entry-content .hy-help-strip h2{font-size:20px;line-height:1.4;font-weight:500;margin:0 0 7px}
.hy-help-strip p{font-size:12px;color:#72858f;margin:0}
.hy-help-strip .button{flex:none}
.hy-guide-posts{margin-top:70px}
.hy-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}
.hy-quiet-benefits{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px}
.hy-quiet-benefits>span{display:flex;align-items:center;gap:6px;color:#6f8991;font-size:10px}
.hy-quiet-benefits svg{color:#52988a}
.hy-conversation-preview{padding:26px;background:#fff;border-radius:16px;border:1px solid #dce9ed;box-shadow:0 18px 50px #235a7210}
.hy-preview-header{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid #edf1f2}
.hy-avatar{width:43px;height:43px;display:grid;place-items:center;background:#063b60;border-radius:12px;color:#fff;font-size:23px;font-weight:500}
.hy-preview-header strong{display:block;font-size:13px;font-weight:500}.hy-preview-header small{display:block;font-size:10px;color:#7e929a;margin-top:3px}
.hy-preview-bubble{background:#eef6f5;border-radius:0 12px 12px;padding:18px;margin:22px 0 18px;font-size:12px;color:#426675;line-height:1.8}
.hy-preview-choices{display:grid;gap:9px}
.hy-preview-choices>a,.hy-preview-choices>button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:45px;padding:11px 13px;border:1px solid #dce7ea;border-radius:7px;background:#fff;color:#527485;font-size:11px;text-decoration:none!important;text-align:left;line-height:1.6}
.hy-preview-choices>a:hover,.hy-preview-choices>button:hover{background:#f5faf9;border-color:#8ebdb7}
.hy-preview-choices svg{flex:none}
.hy-preview-note{display:block;text-align:center;margin-top:17px;color:#8ba0a9;font-size:9px}
.hy-assistant-topics{margin:64px 0}
.hy-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.hy-topic-grid article{padding:28px 24px;border:1px solid #e0e8eb;border-radius:12px;display:flex;flex-direction:column;align-items:flex-start}
.entry-content .hy-topic-grid h3{font-size:16px;font-weight:500;margin:22px 0 10px}
.hy-topic-grid p{font-size:12px;color:#758892;line-height:1.8;flex:1;margin-bottom:20px}
@media(min-width:992px) and (max-width:1399px){.nav-links{flex-wrap:nowrap}.nav-links>li{flex:1 1 0;min-width:0}.nav-links>li>a{justify-content:center;text-align:center;font-size:13px;line-height:1.45;padding:10px 9px}}
@media(max-width:1100px){.hy-experience-hero{padding:40px;gap:30px}.hy-tool-nav>a{padding:20px 14px;gap:10px}.hy-tool-nav .hy-color-icon{width:40px;height:40px}.hy-tool-nav>a>svg{display:none}.hy-calculator-inputs{padding:28px}.hy-calculator-result{padding:28px}.hy-benefits{gap:30px;padding:28px}.hy-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){.woocommerce .related.products ul.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.nav-links{display:block}.nav-links .sub-menu .sub-menu{position:static}.hy-sticky-header .main-navigation{padding-top:calc(var(--hy-admin-offset) + 20px)}.hy-sticky-header .mobile-contact{z-index:950}.hy-experience-hero h1,.entry-content .hy-experience-hero h2{font-size:34px}.hy-tool-nav{margin-bottom:52px}.hy-tool-nav strong{font-size:12px}.hy-tool-nav small{font-size:9px}.hy-calculator-inputs{grid-template-columns:1fr}.hy-tool-section{margin-bottom:52px}.hy-benefit-copy h3{font-size:21px}.hy-help-strip{align-items:flex-start;flex-direction:column}.hy-assistant-page .hy-experience-hero{grid-template-columns:1fr 1fr;gap:24px;padding:32px}.hy-conversation-preview{padding:20px}.hy-hero-actions{gap:15px}.hy-quiet-benefits{gap:12px}}
@media(max-width:782px){body.admin-bar{--hy-admin-offset:46px}}
@media(max-width:767px){.woocommerce .related.products ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.woocommerce .related.products .product-info{padding:12px}.woocommerce .related.products .product-price{font-size:16px}.hy-guide-main{padding-top:22px}.hy-experience-hero,.hy-assistant-page .hy-experience-hero{grid-template-columns:1fr;padding:30px 24px;gap:26px;border-radius:14px}.hy-experience-hero h1,.entry-content .hy-experience-hero h2{font-size:32px;letter-spacing:-.9px;max-width:480px}.hy-experience-hero p{font-size:13px;margin-bottom:23px}.hy-hero-art{min-height:180px;gap:20px}.hy-hero-art>svg{width:85px;height:85px}.hy-orbit{width:180px;height:180px}.hy-art-label{font-size:12px}.hy-art-label strong{font-size:18px}.hy-tool-nav{grid-template-columns:1fr;gap:10px;margin:16px 0 45px}.hy-tool-nav>a{padding:16px;gap:15px}.hy-tool-nav>a>svg{display:block}.hy-tool-nav strong{font-size:13px}.hy-tool-nav small{font-size:10px}.hy-section-heading h2,.entry-content .hy-section-heading h2{font-size:25px}.hy-section-heading p{font-size:12px}.hy-calculator{grid-template-columns:1fr}.hy-calculator-inputs{grid-template-columns:repeat(2,minmax(0,1fr));padding:24px;gap:21px 15px}.hy-calculator-result{border-left:0;border-top:1px solid #e0e8eb;padding:28px 24px}.hy-tool-field{font-size:11px}.hy-input-unit>span{font-size:9px;padding-right:9px}.hy-result-total strong{font-size:32px}.hy-benefits{grid-template-columns:1fr;gap:25px;padding:24px}.hy-house svg{max-height:235px}.hy-benefit-copy [data-benefit-content]{min-height:0}.hy-benefit-buttons{gap:7px;margin-bottom:22px}.hy-benefit-buttons button{padding:9px 13px}.hy-help-strip{padding:26px 24px;gap:20px}.hy-help-strip h2,.entry-content .hy-help-strip h2{font-size:19px}.hy-topic-grid{gap:14px}.hy-topic-grid article{padding:22px 18px}.hy-assistant-topics{margin:44px 0}.hy-card-trust{left:7px;right:7px;bottom:7px;gap:4px}.hy-card-trust>span{font-size:9px;padding:5px 6px;gap:4px}.hy-card-trust svg{width:14px;height:14px}.hy-card-trust small{font-size:7px}.home .product-image:has(.hy-card-trust) img{padding:10px 10px 75px}.hy-preview-header strong{font-size:14px}}
@media(max-width:600px){body.admin-bar{--hy-admin-offset:0px}}
@media(max-width:420px){.hy-calculator-inputs{grid-template-columns:1fr}.hy-tool-field{font-size:12px}.hy-input-unit>span{font-size:11px}.hy-topic-grid{grid-template-columns:1fr}.hy-topic-grid article{padding:24px}.hy-experience-hero h1,.entry-content .hy-experience-hero h2{font-size:29px}.hy-kicker{font-size:9px;letter-spacing:1.4px}}
@media(max-width:359px){.woocommerce .related.products ul.products{grid-template-columns:1fr}.hy-card-trust>span{font-size:8px}.hy-card-trust svg{width:12px}.hy-benefit-buttons{gap:5px}.hy-benefit-buttons button{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.hy-cost-bar i{transition:none}}