/* Shared interface layout and form feedback. Button visuals: button-system.css. */
button,a,select {touch-action:manipulation;}
html {scroll-padding-top:110px;}
.header-navbar,.header-user,.header-right a.header-cart {flex-shrink:0;}
.header-navbar {display:flex;flex-direction:column;gap:7px;}
.header-navbar span {margin:0;}
#site-language {min-width:44px;min-height:44px;font-size:14px;padding:0 3px;cursor:pointer;}
.burger {overscroll-behavior:contain;}
body.ui-menu-lock {overflow:hidden;}
.order-tab {display:inline-flex;align-items:center;justify-content:center;font:inherit;cursor:pointer;}
.order-tab[aria-pressed=true] {color:var(--ui-brand);border-bottom-color:var(--ui-brand);}
.cart-undo {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border:1px solid #d4e4f1;background:var(--ui-soft);padding:12px 16px;margin:20px 0;}
.cart-undo button {min-height:44px;}
.account-note,.attach-empty,.cp-input::placeholder,.cp-textarea::placeholder,.cp-select:invalid,.cp-select:has(option[value=""]:checked) {color:#666;opacity:1;}
.account-note {font-size:14px;line-height:1.65;}
.ui-form-feedback:empty {display:none;}
.ui-form-feedback,.cp-form-status {font-size:14px;line-height:1.65;overflow-wrap:anywhere;}
.ui-form-feedback {margin-top:16px;}
.ui-form-feedback.is-err {color:#a2191f;}
.ui-form-feedback.is-ok {color:#17663b;}
[aria-invalid=true] {border-color:#a2191f;}
.is-busy {position:relative;cursor:wait!important;}
.is-busy .cp-button-copy {visibility:hidden;}
.cp-button-busy {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 8px;font-size:14px;}
.cp-spinner {width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;flex:none;animation:ui-spin .85s linear infinite;}
@keyframes ui-spin {to {transform:rotate(360deg);}}
.caper-captcha-input {height:48px;font-size:16px;}
.caper-captcha-refresh {display:block;width:100%;min-height:44px;padding:0;border:1px solid #d1d5db;background:#fff;cursor:pointer;}
.caper-captcha-refresh img {pointer-events:none;}
@media (max-width:768px) {
 .header-left {flex:0 0 44px;}
 .header-right {flex:0 0 88px;gap:0;position:relative;padding-bottom:44px;}
 .header-user {margin-left:0;}
 .header-right a.header-cart {margin-left:0;}
 .header-logo {position:absolute;left:50%;transform:translateX(-50%);width:105px;}
 #site-language {position:absolute;right:0;bottom:0;margin:0;max-width:70px;min-height:44px;font-size:12px;}
 .header-wrapper {height:88px;}
 .header-space {height:88px;}
}
@media (prefers-reduced-motion:reduce) {
 .cp-spinner {animation:none;border-right-color:currentColor;}
}

.caper-captcha-refresh-copy {display:block;padding:4px 8px;color:#555;font-size:12px;line-height:1.5;}
.caper-captcha-wrap[aria-busy=true] {opacity:.7;}
@media(max-width:360px){.header-logo{width:100px;}}

#newsletterForm input::placeholder {color:#666;opacity:1;}

@media(max-width:768px){.header-cart .cart-badge{top:0;right:0;}}

#newsletter-status{position:static;inset:auto;margin:12px 0 0;font-size:14px;line-height:1.65;}
#newsletter-status:empty{display:none;}
#newsletterForm button{flex-basis:112px;opacity:1;}

.ui-form-feedback{color:#666;}
.ui-form-feedback.is-err{color:#a2191f;}
.ui-form-feedback.is-ok{color:#17663b;}

.cart-foot .cp-btn{gap:8px;justify-content:center;}