/* Dopracowanie istniejącej stylistyki: bez nowych fontów i zmiany palety. */
.reference-header .header-contact-email,.reference-header .header-contact-phone{position:absolute;display:flex;align-items:center;justify-content:center;top:0;height:100%;background:#080806;white-space:nowrap;line-height:1.3}
.reference-header .header-contact-email{left:24%;width:76%;font-size:clamp(8px,.9vw,12px);color:var(--light)}
.reference-header .header-contact-phone{left:20%;width:77%;font-size:clamp(10px,1vw,14px);color:var(--gold)}
.contact-email{overflow-wrap:anywhere;letter-spacing:0}
.contact-socials{gap:8px;margin-top:8px}
footer .contact-socials .outline{font-size:10px;padding:6px 8px}
.customer-auth{max-width:620px}
.customer-page>p,.customer-auth>p{max-width:640px}
.customer-page form .helptext,.customer-auth form .helptext{line-height:1.6}
.customer-page form .errorlist,.customer-auth form .errorlist{padding-left:20px;margin:8px 0}
.customer-page .panel form>.gold-button,.customer-auth .panel>.gold-button{margin-top:7px}
.customer-page .button-row{row-gap:16px}
.customer-page .address p{overflow-wrap:anywhere}
.password-toggle{display:block;margin:8px 0 0 auto;min-height:32px;font-size:11px}
.customer-account .account-actions{margin-bottom:22px}
.customer-account .account-actions form{margin:0}
.customer-account .account-actions .text{min-height:36px}
.customer-auth .auth-links{margin-top:25px;gap:20px}
.customer-auth .notice{margin:18px 0}
.customer-auth .panel{margin-top:25px}
.customer-page .empty-copy{margin-bottom:20px}
.customer-page .price-equation{font-size:11px;color:var(--muted);margin:8px 0}
.how-pay-copy{left:54.5%;width:22%;top:55%;height:44%}
.how-collect-copy{left:76.5%;width:23%;top:55%;height:44%}
@media(min-width:561px) and (max-width:800px){.how-pay-copy h3,.how-collect-copy h3{font-size:13px}.how-pay-copy p,.how-collect-copy p{font-size:9px}}
@media(max-width:560px){
 .customer-auth .auth-links{align-items:flex-start;flex-direction:column;gap:16px}
 .customer-page input,.customer-page select,.customer-page textarea,.customer-auth input{font-size:16px}
 .customer-page .gold-button,.customer-auth .gold-button{min-height:44px}
 .customer-page .outline,.customer-auth .outline{min-height:40px}
 .how-pay-copy{left:409px;width:165px;top:55%;height:44%;padding:4px 8px}
 .how-collect-copy{left:574px;width:173px;top:55%;height:44%;padding:4px 8px}
 .how-pay-copy h3,.how-collect-copy h3{font-size:15px}
 .how-pay-copy p,.how-collect-copy p{font-size:10px}
 footer .contact-socials .outline{font-size:11px;min-height:40px}
 .customer-account .order-summary{flex-wrap:wrap}
}
@media print{.password-toggle,.account-actions{display:none}}

.reference-header .header-contact-phone{top:15%;height:70%;border-radius:4px;background:linear-gradient(#251608,#110b05);font-size:clamp(10px,1.15vw,16px)}
.how-pay-copy,.how-collect-copy{background:#100e09}
@media(min-width:801px){.how-pay-copy h3,.how-collect-copy h3{font-size:clamp(14px,1.8vw,26px);line-height:1.1}.how-pay-copy p,.how-collect-copy p{font-size:clamp(10px,1.18vw,17px);line-height:1.4}}
.info-sidebar{min-width:0;max-width:100%}
.info-sidebar nav{min-width:0;max-width:100%}
@media(max-width:560px){.info-layout{grid-template-columns:minmax(0,1fr)}.cart-line>div:last-child{grid-column:2}.customer-page .price-equation{white-space:normal}}