/* Czytelna typografia i panel klienta — wspólne dla obu stron. */
body{font-size:15px}
.announcement{font-size:10px;letter-spacing:1.3px}
.announcement span:nth-child(2){font-size:10px}
.header-inner{grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr)}
.main-nav{gap:28px}
.nav-link{font-size:15px;letter-spacing:.15px;font-weight:500}
.nav-link svg{width:13px;height:13px}
.header-actions{gap:17px}
.locale{font-size:11px;letter-spacing:.5px;margin-right:0}
.cart-count{font-size:12px}
.collection-menu{width:340px;padding:25px}
.collection-menu .eyebrow{font-size:11px}
.collection-menu a{font-size:14px;padding:15px 0}
.collection-menu a span{font-size:12px}
.header-actions .account-link{width:auto;display:flex;gap:9px;padding:0;text-align:left;height:44px}
.account-link>svg{width:23px;height:23px}
.account-label{display:flex;flex-direction:column;gap:0;line-height:1.4;white-space:nowrap}
.account-label>span{font-size:13px;font-weight:500}
.account-nav,.mobile-wishlist{display:none}
.eyebrow{font-size:11px;letter-spacing:1.8px}
.hero-content .eyebrow{font-size:12px;letter-spacing:2px}
.hero-description{font-size:15px;line-height:1.8}
.button{font-size:13px;letter-spacing:.2px;min-height:54px}
.hero-bottom{font-size:10px;letter-spacing:1.2px}
.intro .eyebrow,.section-heading .eyebrow{font-size:11px;letter-spacing:1.7px}
.text-link{font-size:13px;letter-spacing:.1px;gap:25px}
.tabs{gap:30px}.tab{font-size:13px}.product-count{font-size:12px}
.product-label{font-size:10px;letter-spacing:.8px}
.product-name,.related-products .product-name{font-size:15px;line-height:1.5}
.product-price,.related-products .product-price{font-size:14px}
.product-color{font-size:12px;gap:7px}.swatch{width:9px;height:9px}
.quick-trigger,.related-products .quick-trigger{font-size:12px;padding:13px}
.concept-note{font-size:11px;line-height:1.7}
.story-photo>span{font-size:10px;letter-spacing:1.5px}
.story-copy{max-width:640px;padding:65px clamp(35px,5vw,85px)}
.story-copy>.eyebrow{font-size:11px;letter-spacing:1.7px}
.story-copy>p{font-size:15px;line-height:1.8;max-width:365px}
.story-copy .text-link{font-size:13px;gap:22px}
.section-aside{font-size:13px;line-height:1.8}
.edit-item>div>span:first-child{font-size:10px;letter-spacing:1px}
.edit-item>div>span:last-child{font-size:15px;gap:10px}
.newsletter .eyebrow{font-size:11px}
.newsletter>div>p:last-child{font-size:13px;line-height:1.8}
.email-field input{font-size:15px;padding:16px 0}
.consent{font-size:12px;line-height:1.7;gap:9px}
.consent input{width:14px;height:14px;margin-top:3px}
.form-message{font-size:13px;line-height:1.7}
.footer h3{font-size:14px;margin-bottom:20px}
.footer-main>div:not(:first-child)>a,.footer-main>div:not(:first-child)>button{font-size:13px;line-height:1.7;margin:11px 0}
.footer-brand p{font-size:10px;line-height:1.8}
.footer-payments>span{font-size:12px}
.footer-bottom{font-size:11px;line-height:1.8;flex-wrap:wrap;gap:16px}
.footer-bottom button{font-size:11px}
.prototype-note{font-size:10px;line-height:1.7}
.search-field input{font-size:39px}
.search-help{font-size:13px;line-height:1.7}
.search-result{font-size:14px}.search-result small{font-size:12px}
.empty-message,.empty-state p{font-size:14px}
.quick-copy>.eyebrow{font-size:10px}
.quick-copy>p:nth-of-type(2){font-size:14px}
.quick-price{font-size:18px}
.quick-description{font-size:14px;line-height:1.8}
.size-heading{font-size:13px}.size-heading button{font-size:12px}
.size{font-size:13px;width:46px;height:42px}
.quick-status{font-size:13px}
.quick-copy .concept-note{font-size:11px}
.quick-full-link{font-size:12px}
.cart-row h3{font-size:14px;line-height:1.5}
.cart-row p{font-size:13px}
.quantity{font-size:13px;height:32px}.quantity button{width:30px;height:32px}
.remove-item,.wish-view{font-size:12px}
.cart-total{font-size:17px}.cart-bottom p{font-size:13px;line-height:1.8}
.info-dialog p{font-size:14px;line-height:1.8}
.toast{font-size:13px}
/* Karta produktu */
.breadcrumbs{font-size:12px}
.pdp-information>.eyebrow{font-size:11px;line-height:1.6;letter-spacing:1.3px}
.pdp-subtitle{font-size:14px;line-height:1.7}
.pdp-price{font-size:24px}.pdp-price span{font-size:11px}
.pdp-description{font-size:14px;line-height:1.8;max-width:440px}
.pdp-color{font-size:13px}
.pdp-size-fieldset legend{font-size:13px}
.pdp-size-guide{font-size:12px}
.pdp-sizes button{font-size:13px;height:44px}
.pdp-quantity input{font-size:14px}
.pdp-add{font-size:12px;gap:15px}
.pdp-service-links{flex-wrap:wrap;gap:16px 24px}
.pdp-service-links button{font-size:11px;gap:8px}
.payment-heading{font-size:12px}
.pdp-payments>p{font-size:10px;line-height:1.6}
.pdp-accordions summary{font-size:14px;padding:20px 0}
.pdp-accordions details>div{font-size:13px;line-height:1.8}
.pdp-reference{font-size:10px;line-height:1.6}
.gallery-label{font-size:10px;letter-spacing:1px}
.gallery-counter{font-size:11px;letter-spacing:.8px}
.lightbox-top>.eyebrow{font-size:11px}
.pdp-editorial-copy .eyebrow{font-size:11px}
.pdp-editorial-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:300px}
.pdp-editorial-copy .text-link{font-size:12px}
.pdp-detail-photo>span{font-size:10px;line-height:1.6}
/* Panel konta */
.account-dialog{width:min(530px,calc(100% - 36px));max-height:90svh;padding:30px 42px 32px;overflow-y:auto}
.account-dialog .dialog-top{margin-bottom:24px}
.account-dialog .dialog-top>.eyebrow{font-size:11px;letter-spacing:1.4px}
.account-dialog h2{font-size:49px;line-height:1.05;letter-spacing:-1px}
.account-intro{font-size:14px;line-height:1.8;color:var(--muted);margin:18px 0 24px}
.account-tabs{display:flex;border-bottom:1px solid var(--line);gap:30px;margin-bottom:26px}
.account-tabs button{position:relative;font-size:14px;padding:0 0 13px;color:var(--muted)}
.account-tabs button[aria-selected=true]{color:var(--ink)}
.account-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--ink)}
.account-field{margin-bottom:18px}
.account-field>label{display:block;font-size:13px;margin-bottom:8px}
.account-field input{display:block;width:100%;height:49px;border:1px solid var(--line);border-radius:0;background:transparent;font-size:15px;padding:11px 13px;color:var(--ink)}
.account-field input:focus{border-color:var(--ink)}
.account-password-wrap{position:relative}.account-password-wrap>input{padding-right:70px}
.account-password-wrap>button{position:absolute;right:13px;top:0;bottom:0;padding:0;font-size:12px;color:var(--muted)}
.account-options{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:4px 0 25px;font-size:12px}
.account-options>label,.account-consent{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.8}
.account-options input,.account-consent>input{width:14px;height:14px;accent-color:var(--ink);flex-shrink:0;margin:4px 0 0}
.account-options>button{font-size:12px;padding:0;text-decoration:underline;text-underline-offset:3px;color:var(--muted)}
.account-consent{margin-bottom:22px;color:var(--muted)}
.account-submit{width:100%;min-height:52px;gap:20px}
.account-back{display:block;margin:19px auto 0;padding:0;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.account-message{font-size:13px;line-height:1.8;margin-top:18px;color:#74634e}.account-message:empty{display:none}
.account-preview-note{font-size:11px;line-height:1.7;color:var(--muted);margin-top:22px;padding-top:17px;border-top:1px solid var(--line)}
/* Animation defaults keep all content visible when JavaScript is unavailable. */
.hero-line{display:block;overflow:hidden;padding:.11em 0;margin:-.11em 0}
.hero-line>span,.hero-line>em{display:block}
@media(prefers-reduced-motion:no-preference){
  .header-inner{animation:header-appear .7s ease both}
  .hero-image{animation:hero-settle 1.7s cubic-bezier(.2,.65,.3,1) both}
  .hero-content>.eyebrow{animation:text-appear .7s .12s both}
  .hero-line>span{animation:line-appear .95s .2s cubic-bezier(.22,.7,.22,1) both}
  .hero-line>em{animation:line-appear .95s .34s cubic-bezier(.22,.7,.22,1) both}
  .hero-description{animation:text-appear .8s .45s both}
  .hero-content>.button{animation:text-appear .8s .58s both}
  .hero-bottom{animation:header-appear .9s .7s both}
  .reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .75s cubic-bezier(.2,.65,.3,1),transform .85s cubic-bezier(.2,.65,.3,1);transition-delay:var(--reveal-delay,0ms)}
  .reveal-ready.reveal-photo{transform:translateY(18px)}
  .reveal-ready.is-revealed{opacity:1;transform:none}
  .main-nav .nav-link:not(.account-nav):not(.mobile-wishlist){position:relative}
  .main-nav .nav-link:not(.account-nav):not(.mobile-wishlist):after{content:'';display:block;position:absolute;left:0;right:0;bottom:8px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
  .main-nav .nav-link:hover:after,.main-nav .nav-link:focus-visible:after{transform:scaleX(1)}
}
@keyframes line-appear{from{opacity:0;transform:translateY(110%)}to{opacity:1;transform:translateY(0)}}
@keyframes text-appear{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes header-appear{from{opacity:0}to{opacity:1}}
@keyframes hero-settle{from{transform:scale(1.035)}to{transform:scale(1)}}
@media(min-width:851px){.brand-story{align-items:stretch}.story-photo{height:100%;min-height:660px}}
@media(max-width:1280px){.locale{display:none}.main-nav{gap:24px}.header-actions{gap:14px}.story-copy{padding:50px 45px}.story-copy>p{font-size:14px}}
@media(max-width:1150px){.nav-link{font-size:14px}.header-actions{gap:12px}.pdp-information>.eyebrow{font-size:10px}.pdp-description{font-size:13px}.pdp-add{font-size:12px}.pdp-editorial-copy .text-link{font-size:12px}.pdp-editorial-copy>p:not(.eyebrow){font-size:13px}.pdp-service-links button{font-size:11px}}
@media(max-width:1020px){
  .menu-toggle{display:inline-flex}.main-nav{display:none;position:absolute;top:104px;left:0;right:0;background:var(--paper);padding:17px 28px 25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-height:calc(100svh - 136px);overflow:auto}
  .main-nav.is-open{display:block}.main-nav .nav-link{font-size:16px;width:100%;padding:17px 0;justify-content:space-between;border-bottom:1px solid var(--line)}
  .main-nav .nav-link:after{display:none!important}.account-nav{display:flex}.account-nav svg{width:20px;height:20px}
  .collection-menu{position:static;box-shadow:none;width:100%;padding:20px 0 5px;border:0}.collection-menu>a{font-size:14px}
  .header-inner{grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr)}
  .story-copy>p{font-size:14px}.story-copy .text-link{font-size:12px;gap:16px}.story-copy>.eyebrow{font-size:10px;letter-spacing:1px}
  .product-name,.related-products .product-name{font-size:14px}.product-price,.related-products .product-price{font-size:13px}
}
@media(max-width:850px){
  .header-inner{grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr)}.main-nav{top:90px;max-height:calc(100svh - 122px)}
  .hero-content .eyebrow{font-size:11px;letter-spacing:1.4px}.hero-description{font-size:14px}.hero .button{font-size:12px}
  .hero-bottom{font-size:10px;letter-spacing:.7px}.hero-bottom>span{max-width:280px}
  .section-heading{flex-wrap:wrap}.section-heading .eyebrow{font-size:11px}
  .story-copy{padding:45px 30px}.story-copy>.eyebrow{font-size:10px}.story-copy>p{font-size:13px;line-height:1.8}
  .edit-item>div>span:first-child{font-size:9px;letter-spacing:.5px}.edit-item>div>span:last-child{font-size:13px}
  .newsletter h2{font-size:38px}.newsletter>div>p:last-child{font-size:13px}
  .footer-main{gap:30px}.footer-bottom>span:last-child{margin-left:0}
  .pdp-description{font-size:13px}.pdp-subtitle{font-size:12px}.pdp-price span{font-size:11px}
  .pdp-color{font-size:13px}.pdp-size-fieldset legend{font-size:12px}.pdp-size-guide{font-size:11px}.pdp-sizes button{font-size:13px}
  .pdp-add{font-size:12px}.pdp-service-links button{font-size:11px}.payment-heading{font-size:11px}
  .pdp-payments>p{font-size:10px}.pdp-accordions summary{font-size:13px}.pdp-accordions details>div{font-size:12px}
  .pdp-editorial-copy .text-link{font-size:12px}.pdp-editorial-copy>p:not(.eyebrow){font-size:13px}
}
@media(max-width:700px){.account-label{display:none}.header-actions .account-link{width:32px;height:38px;padding:5px}.header-actions{gap:6px}}
@media(max-width:600px){
  body{font-size:14px}.announcement span:nth-child(2){font-size:9px;letter-spacing:.6px}.announcement{height:27px}
  .header-inner{grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr)}.main-nav{top:81px;max-height:calc(100svh - 108px);padding:15px 20px 23px}
  .main-nav .nav-link{font-size:16px;padding:16px 0}.collection-menu>a{font-size:14px}.collection-menu .eyebrow{font-size:11px}
  .header-actions{gap:1px}.header-actions .icon-button,.header-actions .account-link{width:28px;height:38px;padding:4px}.header-actions .cart-toggle{width:37px;gap:3px}.header-actions svg,.account-link>svg{width:20px;height:20px}.cart-count{font-size:11px}
  .hero-content{bottom:104px}.hero-content .eyebrow{font-size:10px;letter-spacing:1.3px}.hero-description{font-size:14px;margin:22px 0 24px}.hero .button{font-size:12px;padding:15px 20px;min-height:49px}
  .hero-bottom{font-size:9px;letter-spacing:.4px;gap:16px}.hero-bottom>span{max-width:180px;line-height:1.7}.hero-bottom>a{font-size:9px;gap:7px}
  .intro .eyebrow{font-size:10px;letter-spacing:1.2px}.section-heading .eyebrow{font-size:10px;letter-spacing:1.2px}
  .section-heading>.text-link{font-size:12px;gap:18px;min-width:0;padding:7px 0;align-self:auto}.section-heading{row-gap:15px}.section-heading>.text-link svg{width:20px;height:20px}
  .tabs{gap:15px;flex-wrap:wrap;row-gap:0}.tab{font-size:12px;padding-bottom:13px}
  .product-name,.related-products .product-name{font-size:14px}.product-price,.related-products .product-price{font-size:13px}.product-color{font-size:12px}
  .product-label{font-size:9px;padding:4px 6px;letter-spacing:.5px}.quick-trigger,.related-products .quick-trigger{font-size:10px;padding:10px 8px}
  .concept-note{font-size:11px;line-height:1.7}.favorite{width:30px;height:30px}
  .story-copy{padding:40px 26px 48px}.story-copy>.eyebrow{font-size:11px}.story-copy>p{font-size:14px;line-height:1.8;max-width:340px}.story-copy .text-link{font-size:12px;gap:20px}.story-photo>span{font-size:9px;letter-spacing:1px}
  .edit-item>div{left:12px;right:12px}.edit-item>div>span:first-child{font-size:8px;letter-spacing:.3px}.edit-item>div>span:last-child{font-size:12px;line-height:1.6}.edit-item svg{width:16px;height:16px}
  .newsletter .eyebrow{font-size:10px}.newsletter>div>p:last-child{font-size:13px;line-height:1.7}.email-field input{font-size:15px}
  .consent{font-size:11px;max-width:none;gap:9px}.consent input{width:14px;height:14px}.form-message{font-size:12px}
  .footer h3{font-size:13px}.footer-main>div:not(:first-child)>a,.footer-main>div:not(:first-child)>button{font-size:12px;line-height:1.75;margin:10px 0}
  .footer-brand p{font-size:9px}.footer-payments>span{font-size:11px}.footer-bottom{font-size:10px;gap:13px}.footer-bottom>span:first-child{font-size:10px}.footer-bottom>div{margin-left:0;gap:15px}.footer-bottom button{font-size:10px}.footer-bottom>span:last-child{font-size:10px}.prototype-note{font-size:10px;max-width:none}
  .search-help{font-size:12px}.search-result{font-size:13px}.search-result small{font-size:12px}
  .quick-copy>.eyebrow{font-size:10px;line-height:1.7}.quick-description{font-size:13px}.quick-copy .concept-note{font-size:11px}.quick-status{font-size:12px}.quick-full-link{font-size:12px}
  .size-heading{font-size:12px}.size-heading button{font-size:11px}.size{font-size:13px}.info-dialog p{font-size:13px}.toast{font-size:12px}
  .breadcrumbs{font-size:11px;gap:8px;white-space:normal;flex-wrap:wrap;line-height:1.7}.pdp-information>.eyebrow{font-size:10px;letter-spacing:1px}
  .pdp-subtitle{font-size:13px}.pdp-description{font-size:14px;line-height:1.8}.pdp-price{font-size:24px}.pdp-color{font-size:13px}.pdp-size-fieldset legend{font-size:13px}.pdp-size-guide{font-size:12px}.pdp-sizes button{font-size:13px;height:44px}
  .pdp-purchase{grid-template-columns:70px minmax(0,1fr) 44px;gap:8px}.pdp-quantity button{width:20px}.pdp-quantity input{width:28px;font-size:14px}.pdp-add{font-size:12px;padding:15px 12px;gap:8px;min-height:52px}
  .pdp-service-links{gap:15px;flex-wrap:wrap}.pdp-service-links button{font-size:11px}.payment-heading{font-size:12px}.pdp-payments>p{font-size:10px}
  .pdp-accordions summary{font-size:14px;padding:19px 0}.pdp-accordions details>div{font-size:13px;line-height:1.8}.pdp-reference{font-size:10px}
  .pdp-editorial-copy .eyebrow{font-size:10px}.pdp-editorial-copy>p:not(.eyebrow){font-size:14px}.pdp-editorial-copy .text-link{font-size:12px}
  .gallery-label{font-size:9px}.gallery-counter{font-size:11px}.lightbox-top>.eyebrow{font-size:10px}
  .account-dialog{padding:23px 25px 26px;width:calc(100% - 24px);max-height:92svh}.account-dialog h2{font-size:43px}.account-dialog .dialog-top>.eyebrow{font-size:10px}.account-intro{font-size:13px}.account-tabs button{font-size:14px}.account-field input{font-size:16px}.account-options{font-size:11px;gap:10px}.account-options>label,.account-options>button{font-size:11px}.account-consent{font-size:12px}.account-preview-note{font-size:11px}.account-message{font-size:12px}
}
@media(max-width:360px){.header-actions #wishlist-open{display:none}.mobile-wishlist{display:flex}.pdp-purchase{grid-template-columns:1fr 44px}.pdp-quantity{grid-column:1/3;width:80px;height:38px}.pdp-add{font-size:12px}.hero-bottom>a{font-size:8px}.tabs{gap:12px}.tab{font-size:11px}.account-options{align-items:flex-start;flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1!important;transform:none!important;transition:none!important}.hero-image,.hero-line>span,.hero-line>em,.hero-description,.hero-content>.eyebrow,.hero-content>.button,.hero-bottom,.header-inner{animation:none!important;transform:none!important;opacity:1!important}}

/* Dyskretne zaznaczenie aktywnego pola, bez zewnętrznej ramki. */
.search-field input:focus,.email-field input:focus,.account-field input:focus{outline:none;box-shadow:none}
.search-field:has(input:focus-visible),.email-field:has(input:focus-visible){box-shadow:0 1px 0 var(--ink)}