﻿.mobile-menu-dialog{box-sizing:border-box;border:0;padding:0;position:fixed;inset:0 0 0 auto;margin:0;width:min(390px,calc(100vw - 18px));max-width:none;height:100dvh;max-height:none;background:#fffdf9;color:#3b2a21;border-radius:20px 0 0 20px;box-shadow:-12px 0 40px #27191020;overflow:hidden}
.mobile-menu-dialog[open]{display:flex;flex-direction:column;align-items:stretch}
.mobile-menu-dialog::backdrop{background:#281c186b;backdrop-filter:blur(3px)}
.mobile-menu-head{display:flex;align-items:center;gap:12px;flex:none;padding:14px 18px;padding-top:max(14px,env(safe-area-inset-top));border-bottom:1px solid #eee4d8;background:#fff8ed}
.mobile-menu-head img{display:block;width:100px;height:42px;object-fit:contain}.mobile-menu-head>span{font-size:12px;font-weight:800;margin-left:auto}.mobile-menu-head button{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #eadbc9;border-radius:50%;background:#fff;color:#e61e29;cursor:pointer}.mobile-menu-head svg{width:22px;height:22px}
.mobile-menu-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 18px max(24px,env(safe-area-inset-bottom))}
.mobile-menu-search{display:flex;align-items:center;gap:8px;border:1px solid #e4d9cb;border-radius:12px;padding:5px 5px 5px 13px;margin-bottom:20px;background:#fff}.mobile-menu-search input{flex:1;min-width:0;height:40px;border:0;background:transparent;font-size:16px;outline:none}.mobile-menu-search:focus-within{border-color:#e61e29;box-shadow:0 0 0 2px #e61e2914}.mobile-menu-search button{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:9px;background:#e61e29;color:#fff}.mobile-menu-search svg{width:20px;height:20px}
.mobile-menu-nav{display:flex;flex-direction:column;gap:3px}.mobile-menu-nav>a,.mobile-menu-nav>details>summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:12px 13px;box-sizing:border-box;border:0;border-bottom:1px solid #eee5dc;border-radius:0;color:#443125;background:transparent;font-size:14px;font-weight:800;text-decoration:none;cursor:pointer;white-space:normal;list-style:none}.mobile-menu-nav>details{position:static;width:100%}.mobile-menu-nav summary::-webkit-details-marker{display:none}.mobile-menu-nav>details>summary::after{content:"+";position:static;background:none;display:block;transform:none;width:auto;height:auto;font-size:20px;color:#b49a7f;border:0}.mobile-menu-nav>details[open]>summary::after{content:"−";color:#e61e29}.mobile-menu-nav>details[open]>summary{color:#e61e29;background:#e61e2906}.mobile-menu-nav>details>div{position:static!important;inset:auto!important;display:grid!important;width:100%!important;min-width:0!important;max-width:100%;box-sizing:border-box;padding:8px 8px 12px 14px!important;margin:0;border:0;border-radius:0;background:#f8f2e9;box-shadow:none;opacity:1;visibility:visible;transform:none}.mobile-menu-nav>details:not([open])>div{display:none!important}.mobile-menu-nav>details>div a{display:flex;align-items:center;min-height:46px;padding:10px 12px!important;box-sizing:border-box;color:#76604e;font-size:13px;line-height:1.4;text-decoration:none;white-space:normal;border-radius:8px}.mobile-menu-nav a[aria-current=page]{color:#e61e29;background:#e61e2909}.mobile-menu-nav a::after{display:none}.mobile-menu-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:22px 0}.mobile-menu-quick a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:49px;padding:11px;border:1px solid #eadfcc;border-radius:10px;background:#fff7eb;color:#654933;text-decoration:none;font-size:12px;font-weight:800}.mobile-menu-quick a:first-child{background:#e61e29;border-color:#e61e29;color:#fff}.mobile-menu-quick a:first-child span{background:#ffffff26;min-width:22px;text-align:center;border-radius:50%;padding:3px;font-size:10px}.mobile-menu-language{border-top:1px solid #eee3d5;padding-top:18px}.mobile-menu-language .language-picker{display:block;width:100%}.mobile-menu-language .language-picker>summary{display:flex;min-height:46px;width:100%;box-sizing:border-box}.mobile-menu-language .language-picker-panel{position:static;width:100%;max-height:none;box-shadow:none;border:0;background:#fff;padding:10px 0;box-sizing:border-box}.mobile-menu-language .language-picker-panel a{min-height:44px;box-sizing:border-box}
html.mobile-menu-open{overflow:hidden}html.mobile-menu-open .support-hub,html.mobile-menu-open .flash-offer{visibility:hidden}
.mobile-menu-dialog a:focus-visible,.mobile-menu-dialog summary:focus-visible,.mobile-menu-dialog button:focus-visible{outline:3px solid #e61e29;outline-offset:-3px}
@media(max-width:820px){
body:not(.panel-body) .nav-band{display:none}body:not(.panel-body) .header-main{min-height:112px;padding-block:8px;gap:7px 10px}body:not(.panel-body) .header-main--no-search{min-height:66px}body:not(.panel-body) .header-main .brand img{width:108px;height:44px}body:not(.panel-body) .header-actions .cart-link,body:not(.panel-body) .mobile-toggle{min-height:44px;height:44px}body:not(.panel-body) .mobile-toggle{width:44px;border-radius:11px;color:#e61e29}body:not(.panel-body) .header-main>.header-search{height:44px}body:not(.panel-body) .header-search button{width:36px;height:36px}body:not(.panel-body) .header-search input{font-size:16px}
body:not(.panel-body) main :is(.container,.pufy-detail,.checkout-grid,.contact-layout,.contact-form,.detail-copy,.product-gallery,.commerce-cart-bottom,.pufy-cart-row){min-width:0;box-sizing:border-box}body:not(.panel-body) main :is(input,select,textarea){max-width:100%;box-sizing:border-box}body:not(.panel-body) main :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select){min-height:44px}body:not(.panel-body) main :is(button,.button){touch-action:manipulation}body:not(.panel-body) main :is(h1,h2,h3,p,li){overflow-wrap:break-word}
}
@media(max-width:570px){
body:not(.panel-body) .container{width:calc(100% - 32px)}body:not(.panel-body) .section{padding-block:36px}.catalog-page .catalog-filters{padding:14px}.catalog-page .catalog-search-control{min-width:0}.catalog-page .catalog-search-control input{width:100%;min-width:0}.catalog-page .catalog-curation{gap:12px;align-items:start}.catalog-page .catalog-curation h2{font-size:24px}.catalog-page .catalog-categories{gap:8px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin;padding-bottom:8px;scroll-snap-type:x proximity}.catalog-page .catalog-categories a{flex:none;min-height:44px;display:flex;align-items:center;scroll-snap-align:start}.catalog-page .product-add{min-height:44px}.product-detail-page .detail-cart{flex-wrap:wrap;gap:10px}.product-detail-page .detail-cart>.button{min-width:130px;min-height:50px}.product-detail-page .quantity-stepper{height:50px}.product-detail-page .quantity-stepper button{width:36px}.product-detail-page .quantity-stepper input{width:38px}.gallery-thumbs{scroll-snap-type:x proximity}.gallery-thumb{scroll-snap-align:start}
.commerce-cart-bottom,.checkout-grid,.contact-layout{grid-template-columns:minmax(0,1fr);gap:18px}.cart-promo,.cart-totals,.checkout-summary{padding:18px;border-radius:14px}.checkout-summary{position:static}.cart-promo form{display:flex;flex-direction:column}.cart-promo button{min-height:44px}.pufy-cart-row{grid-template-columns:68px minmax(0,1fr);gap:12px;align-items:start}.pufy-cart-row img{width:68px;height:76px}.pufy-cart-row>strong{grid-column:2;font-size:17px}.pufy-cart-row form{grid-column:2;display:flex;flex-wrap:wrap;gap:8px}.pufy-cart-row form button{min-height:44px}.pufy-cart-row h3{font-size:15px;line-height:1.4}.pufy-cart-row input{width:68px}.pufy-contact,.contact-form-fields,.career-form-fields{grid-template-columns:minmax(0,1fr);gap:14px}.pufy-contact label.wide,.contact-form-fields .wide,.career-form-fields .wide{grid-column:1}.pufy-contact button,.contact-submit,.career-submit{min-height:48px;width:100%}.pufy-dealer-auth{padding:20px}.pufy-dealer-products{grid-template-columns:minmax(0,1fr)}.pufy-footer .footer-invite-actions{flex-wrap:wrap}.pufy-footer .footer-invite-actions a{min-width:0;flex-basis:100%;min-height:44px}.support-hub .support-launcher{min-width:192px;gap:8px;min-height:58px;padding:7px 11px 7px 7px}.support-hub .support-launcher-icon{width:42px;height:42px}.support-hub .support-launcher-copy strong{font-size:13px}.support-hub .support-panel{height:min(590px,calc(100dvh - 102px));width:calc(100vw - 28px)}
}
@media(max-width:350px){.mobile-menu-head{padding-inline:12px}.mobile-menu-content{padding-inline:12px}.mobile-menu-quick{grid-template-columns:1fr}.product-detail-page .detail-cart>.button{flex-basis:100%}}
html[dir=rtl] .mobile-menu-dialog{inset:0 auto 0 0;border-radius:0 20px 20px 0}
html[dir=rtl] .mobile-menu-head>span{margin-left:0;margin-right:auto}
@media(prefers-reduced-motion:reduce){.mobile-menu-dialog *{scroll-behavior:auto}}
/* Preserve the page position when the mobile drawer opens and closes. */
html.mobile-menu-open body{position:fixed;top:var(--mobile-menu-offset,0px);left:0;right:0;width:100%;overflow:hidden}
/* Mobile navigation: warm brand colours, clear groups and gentle movement. */
.mobile-menu-dialog{width:min(410px,calc(100vw - 20px));border-radius:26px 0 0 26px;background:#fffdf9;box-shadow:-20px 0 70px #36251f30}
.mobile-menu-dialog[open]{animation:mobile-drawer-in .36s cubic-bezier(.16,1,.3,1) both}
.mobile-menu-dialog::backdrop{background:#30201b70;backdrop-filter:blur(5px);animation:mobile-backdrop-in .3s ease both}
.mobile-menu-dialog.is-closing::backdrop{opacity:0;transition:opacity .22s}
.mobile-menu-head{padding:22px 20px 18px;padding-top:max(22px,env(safe-area-inset-top));background:linear-gradient(135deg,#fff8eb,#fffdf9);border-bottom:1px solid #eee2d6}
.mobile-menu-head img{width:110px;height:48px}
.mobile-menu-head>span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#937764}
.mobile-menu-head button{border-radius:14px;border-color:#efd8d2;background:#fff;color:#e61e29;box-shadow:0 4px 12px #b5342210;transition:background .2s,transform .2s}
.mobile-menu-head button:active{transform:scale(.92);background:#fff0ee}
.mobile-menu-content{padding:20px 16px max(24px,env(safe-area-inset-bottom));scrollbar-width:thin;scrollbar-color:#e9d5c3 transparent}
.mobile-menu-search{border-radius:16px;margin-bottom:18px;box-shadow:0 4px 16px #67483006}
.mobile-menu-nav{gap:9px}
.mobile-menu-nav>a,.mobile-menu-nav>details>summary{min-height:56px;padding:15px 16px;border:1px solid #eee3d8;border-radius:15px;background:#fff;font-size:14px;letter-spacing:-.02em;transition:background .2s,border-color .2s,color .2s}
.mobile-menu-nav>a{position:relative;padding-inline-end:42px}
.mobile-menu-nav>a::before{content:'↗';position:absolute;inset-inline-end:17px;color:#be9e86;font-size:18px;font-weight:500}
.mobile-menu-nav>details>summary::after{content:'';width:8px;height:8px;flex:none;border-right:1.8px solid #b5927c;border-bottom:1.8px solid #b5927c;transform:rotate(45deg);margin-inline:8px 3px;transition:transform .25s,border-color .25s}
.mobile-menu-nav>details[open]>summary::after{content:'';transform:rotate(225deg);border-color:#e61e29}
.mobile-menu-nav>details[open]>summary{background:#fff3ed;border-color:#f0c9bb;color:#b92c20}
.mobile-menu-nav>details>div{padding:8px!important;margin-top:5px;border-radius:14px;background:#fcf6ee;border:1px solid #f1e7dc}
.mobile-menu-nav>details>div a{min-height:46px;padding:11px 12px!important;font-size:13px;color:#634c3e;border-radius:10px;transition:background .18s,color .18s}
.mobile-menu-nav a:active,.mobile-menu-nav>details>div a:hover{background:#f8e9dc;color:#bd2922}
.mobile-menu-nav details details{padding:0 8px;border-inline-start:1px solid #e8d6c5;margin:5px 4px}
.mobile-menu-nav details details>summary{position:static;list-style:none;min-height:44px;display:flex;align-items:center;font-size:13px;font-weight:800;color:#634c3e;cursor:pointer}
.mobile-menu-nav details details>div{position:static!important;display:block!important;opacity:1;visibility:visible;transform:none;min-width:0;box-shadow:none;border:0;background:transparent;padding:0!important}
.mobile-menu-nav details details:not([open])>div{display:none!important}
.mobile-menu-quick{gap:8px;padding:22px 0 18px;margin-top:5px}
.mobile-menu-quick a{min-height:52px;border-radius:14px;background:#fff;border:1px solid #eadfd2;color:#614634;font-size:11px;padding:12px;transition:transform .2s,background .2s}
.mobile-menu-quick a:active{transform:scale(.97)}
.mobile-menu-quick a:first-child{background:#fff5e7;color:#6f4727;border-color:#efdcc0}
.mobile-menu-quick a[href*="sepet"]{background:#e61e29;color:#fff;border-color:#e61e29;box-shadow:0 5px 15px #e61e2918}
.mobile-menu-quick a[href*="sepet"] span{background:#fff2;border-radius:8px;min-width:22px;text-align:center;padding:3px}
.mobile-menu-language{padding-top:14px}.mobile-menu-language .language-picker>summary{border-radius:12px;background:#faf3e9;border:1px solid #efe1d0}
@keyframes mobile-drawer-in{from{transform:translateX(100%);opacity:.5}to{transform:translateX(0);opacity:1}}
@keyframes mobile-backdrop-in{from{opacity:0}to{opacity:1}}
html[dir=rtl] .mobile-menu-dialog[open]{animation-name:mobile-drawer-in-rtl}
@keyframes mobile-drawer-in-rtl{from{transform:translateX(-100%);opacity:.5}to{transform:translateX(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.mobile-menu-dialog[open],.mobile-menu-dialog::backdrop{animation:none}.mobile-menu-dialog *,.mobile-menu-dialog.is-closing::backdrop{transition:none!important}}
/* Show every category without requiring a horizontal swipe. */
@media(max-width:600px){
 .catalog-page .catalog-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;scroll-snap-type:none;margin:0 0 16px;padding:10px;border:1px solid #ebd9c6;border-radius:17px;background:#fff7ed;box-sizing:border-box}
 .catalog-page .catalog-categories a{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:48px;box-sizing:border-box;padding:11px 12px;border:1px solid #e9d9c9;border-radius:11px;background:#fffdf9;color:#5a4030;font-size:12px;line-height:1.4;font-weight:800;white-space:normal;overflow-wrap:anywhere;box-shadow:none;transform:none}
 .catalog-page .catalog-categories a:first-child{grid-column:1/-1}
 .catalog-page .catalog-categories a::after{content:'›';display:block;flex:none;color:#bc9677;font-size:19px;line-height:1}
 .catalog-page .catalog-categories a[aria-current=page]{background:#e61e29;border-color:#e61e29;color:#fff;box-shadow:0 4px 12px #e61e2920}
 .catalog-page .catalog-categories a[aria-current=page]::after{content:'✓';font-size:12px;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#fff2;color:#fff}
 .catalog-page .catalog-categories a:active{background:#fff0df}
 .catalog-page .catalog-categories a[aria-current=page]:active{background:#ca1420}
 .catalog-page .catalog-categories a:focus-visible{outline:3px solid #e7a851;outline-offset:2px}
}
@media(max-width:820px){
body:not(.panel-body) .header-main--mobile-no-search{min-height:66px;grid-template-areas:"brand actions";grid-template-rows:auto;padding-block:10px}
body:not(.panel-body) .header-main--mobile-no-search>.header-search{display:none}
}
