/* A arte ocupa a largura do navegador; os textos ficam fora da imagem. */
.hero-wide{width:100%;max-width:none;position:relative;overflow:hidden;background:var(--paper)}
.hero-wide-media{display:block;width:100%;aspect-ratio:64/15;background:var(--paper)}
.hero-wide-media img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center}
.hero-wide-caption{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:28px;padding-bottom:28px}
.hero-wide-caption h1,.hero-wide-caption h2{font-size:clamp(24px,2.5vw,36px);line-height:1.2;margin:0 0 8px;letter-spacing:-.04em}
.hero-wide-caption p{margin:0;color:var(--muted);max-width:780px;overflow-wrap:anywhere}
.hero-wide-caption .button{flex-shrink:0}
.hero-navigation{position:absolute;inset:0 0 auto;width:100%;aspect-ratio:64/15;pointer-events:none}
.hero-wide .hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:56px;padding:0;border:0;border-radius:0;background:rgb(0 0 0 / 46%);color:#fff;font-size:23px;pointer-events:auto}
.hero-wide .hero-arrow:hover{background:rgb(0 0 0 / 70%)}
.hero-previous{left:0}.hero-next{right:0}
.hero-wide .slider-controls{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);gap:2px;align-items:center;padding:2px 7px;border-radius:24px;background:rgb(0 0 0 / 45%);pointer-events:auto}
.hero-wide .slider-controls button{position:relative;width:28px;height:30px;border:0;border-radius:50%;background:transparent;box-shadow:none;color:#fff;display:flex;align-items:center;justify-content:center}
.hero-wide .slider-controls button[data-slide]::before{content:"";width:10px;height:10px;border:1px solid #fff;border-radius:50%;background:transparent}
.hero-wide .slider-controls button[data-slide].active::before{background:#fff}
.hero-wide .slider-controls .pause-slider{font-size:13px;width:30px;height:30px;color:#fff;border-radius:50%;background:transparent}
@media(max-width:780px){.hero-wide-caption{flex-direction:column;align-items:flex-start;gap:16px;padding-top:22px;padding-bottom:24px}.hero-wide-caption .button{width:100%}.hero-wide .hero-arrow{width:32px;height:38px;font-size:18px}.hero-wide .slider-controls{bottom:3px;padding:0 4px}.hero-wide .slider-controls button,.hero-wide .slider-controls .pause-slider{width:24px;height:24px}.hero-wide .slider-controls button[data-slide]::before{width:8px;height:8px}}

/* Prévias administrativas: arte inteira e links para a imagem local. */
.banner-admin-row{display:grid;grid-template-columns:minmax(220px,360px) minmax(120px,1fr) auto auto;gap:24px;align-items:center}
.banner-preview{margin:0;min-width:0;width:100%}
.banner-preview>a{display:block;background:var(--surface-alt,#f2f4eb);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.banner-preview img{display:block;width:100%;height:auto;max-height:210px;object-fit:contain}
.banner-preview figcaption{font-size:12px;margin-top:9px}
.banner-preview-empty{padding:22px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:13px}
.banner-admin-row>div>p,.banner-current>p{font-size:12px;color:var(--muted)}
.banner-admin-row form{margin:0}.banner-current{margin-bottom:22px}.banner-current .banner-preview{max-width:720px}
@media(max-width:1100px){.banner-admin-row{grid-template-columns:minmax(0,1fr) auto}.banner-admin-row>.banner-preview{grid-column:1/-1}}
@media(max-width:480px){.banner-admin-row{gap:16px}.banner-admin-row>div{grid-column:1/-1}}

.product-image-preview{padding:18px;border:1px solid var(--line);border-radius:9px;margin-bottom:22px;min-width:0}
.product-image-preview>strong{display:block;margin-bottom:14px;font-size:13px}
.product-image-preview img{display:block;width:200px;max-width:100%;height:160px;object-fit:contain;border:1px solid var(--line);border-radius:7px;background:var(--paper,#fff)}
.product-image-preview img[hidden]{display:none}.product-image-preview p,.product-image-preview a{font-size:12px;overflow-wrap:anywhere}

.graphic-specs{font-size:13px;line-height:1.65;margin:18px 0;padding:16px;background:var(--paper,#f6f7f2);border:1px solid var(--line);border-radius:9px;overflow-wrap:anywhere}
.graphic-specs>div{display:flex;gap:6px;flex-wrap:wrap}.graphic-specs dt{font-weight:700}.graphic-specs dd{margin:0;min-width:0}.graphic-code{display:block;font-size:11px;color:var(--muted);overflow-wrap:anywhere;margin:8px 0}.cart-row .graphic-specs{font-size:11px;margin:10px 0;padding:10px}

.customer-top-links{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;font-size:11px}.customer-top-links a{white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.quote-link{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;flex-shrink:0}.quote-link>span:first-child{font-size:24px}.quote-link strong,.quote-link small{display:block}.quote-link strong{font-size:12px;text-transform:uppercase}.quote-link small{font-size:10px;color:var(--muted);margin-top:3px}
.customer-order>.order-row{width:100%}.customer-order-delete{margin:18px 0 0}.customer-order-delete button{font-size:12px}.customer-order{overflow-wrap:anywhere}
@media(min-width:781px){.store-header .header-main{flex-wrap:wrap}.store-header .header-main .search{min-width:200px}}
@media(max-width:780px){.announcement .container{flex-wrap:wrap;gap:8px;padding-top:9px;padding-bottom:9px}.announcement .customer-top-links{justify-content:center;gap:8px}.announcement .customer-top-links a{display:inline-flex}.quote-link{padding:8px;gap:6px}.quote-link>span:first-child{font-size:19px}.quote-link strong{font-size:11px}.customer-order>.order-row{align-items:flex-start}}

.customer-account-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.account-logout{margin:0;flex-shrink:0}.account-logout button{white-space:nowrap}.account-shortcuts{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 28px}.account-shortcuts a{padding:9px 14px;border:1px solid var(--line);border-radius:7px;font-size:13px}.customer-account-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);align-items:start}.customer-account-grid>div{min-width:0}.customer-profile{min-width:0;margin:0}.customer-profile h2{font-size:24px}.customer-profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.customer-profile-fields>.full{grid-column:1/-1}.profile-address-row{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(0,1.5fr) minmax(90px,.7fr);gap:14px}.profile-address-title{font-size:17px;margin:12px 0 8px}.profile-address-help{margin:0 0 18px;font-size:12px}.customer-profile textarea{min-height:84px;resize:vertical}.profile-password{border-top:1px solid var(--line);padding-top:18px;margin-top:4px}.profile-password summary{cursor:pointer;font-size:14px;font-weight:600}.profile-password label{margin-top:16px}.profile-actions{margin-top:20px}.customer-profile-fields label{min-width:0}.customer-profile-fields input,.customer-profile-fields select{min-width:0;width:100%}
@media(max-width:1000px){.customer-account-grid{grid-template-columns:1fr}.customer-profile-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.customer-account-top{flex-wrap:wrap;gap:0}.customer-account-top .page-heading{margin-bottom:16px}.account-logout{margin-bottom:22px}.customer-profile-fields,.profile-address-row{grid-template-columns:1fr}.customer-profile-fields>.full{grid-column:1/-1}.profile-actions button{width:100%}}

/* Efeito opcional do rotador principal; imagens preservam a proporção. */
.hero-slider[data-banner-effect=fade] .hero-slide.is-active{animation:hero-banner-fade .55s ease both}
.hero-slider[data-banner-effect=slide] .hero-slide.is-active{animation:hero-banner-slide .55s ease both}
@keyframes hero-banner-fade{from{opacity:0}to{opacity:1}}
@keyframes hero-banner-slide{from{opacity:.3;transform:translateX(8%)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.hero-slider .hero-slide{animation:none!important}}

/* Sem controles visuais sobre as artes; pausa disponível ao navegar por teclado. */
.sidebar-promotion{position:relative}
.slider-accessibility-pause{position:absolute}
.slider-accessibility-pause:not(:focus-visible){width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.slider-accessibility-pause:focus-visible{left:12px;bottom:12px;z-index:20;width:auto;height:auto;clip-path:none;margin:0;padding:10px 14px;font-size:12px}