/* October storefront refinements, October 2026. */
.catalog-heading{display:flex;justify-content:space-between;gap:2rem;align-items:center;margin-bottom:1.5rem}
.store-main .catalog-heading h1,.store-main .catalog-title{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.2;margin:0 0 .6rem}
.catalog-heading p{margin:0;color:var(--muted);font-size:.95rem}
.catalog-instructions{display:flex;align-items:center;gap:.8rem;padding:.9rem 1.1rem;border:1px solid var(--line);border-radius:16px;background:#fff;max-width:310px;font-size:.8rem;line-height:1.45}
.catalog-instructions svg{width:26px;height:26px;fill:none;stroke:var(--navy);stroke-width:1.4;stroke-linejoin:round;flex:none}
.catalog-instructions small{display:block;color:var(--navy);margin-top:.2rem;font-size:.75rem}
.catalog-more{text-align:center;margin-top:1.8rem}.catalog-more>p{color:var(--muted);font-size:.8rem;margin-bottom:.7rem}
.catalog-more .cms-pagination{margin-top:0}.catalog-more [aria-disabled=true]{opacity:.6;cursor:wait}
.footer-contacts .footer-requisites{margin:0 0 .8rem;font-size:.72rem;line-height:1.8;color:var(--muted)}
.footer-contacts h2{line-height:1.5}.footer-contacts small{display:block;line-height:1.7}
.back-to-top{width:46px;height:46px;border:1px solid #dbe3e8;background:rgba(255,255,255,.95);color:var(--navy);border-radius:15px;box-shadow:0 5px 20px #213c5314}
.back-to-top:hover{background:var(--navy);color:#fff;transform:translateY(-3px)}
.faq-heading h1{font-size:clamp(2rem,3.5vw,3rem);margin-bottom:1rem}.faq-heading>p{color:var(--muted);max-width:680px}
.faq-categories{display:flex;gap:.5rem;flex-wrap:wrap;margin:2rem 0}
.faq-categories a{padding:.65rem 1rem;border:1px solid var(--line);border-radius:30px;font-size:.85rem;background:white}
.faq-categories a[aria-current]{background:var(--navy);color:white;border-color:var(--navy)}
.faq-content{max-width:900px}.faq-content h2{margin-bottom:1.2rem}.faq-list{background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden}
.faq-list details+details{border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.3rem 1.5rem;color:var(--navy);font-weight:600;font-size:1rem;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';font-size:1.5rem;font-weight:400}.faq-list details[open] summary::after{content:'−'}.faq-answer{padding:0 1.5rem 1.4rem;color:var(--muted);white-space:pre-line;line-height:1.8}.faq-answer p{margin:0}.faq-empty{padding:1.5rem;border:1px solid var(--line);border-radius:20px;background:white;color:var(--muted)}.faq-help{padding:1.4rem 0;color:var(--muted);font-size:.9rem}.faq-help a{text-decoration:underline;color:var(--navy)}
@media(max-width:700px){.catalog-heading{align-items:stretch;flex-direction:column;gap:1rem}.catalog-instructions{max-width:none;padding:.7rem .9rem}.catalog-heading{margin-bottom:1rem}.faq-categories{gap:.45rem}.faq-categories a{font-size:.75rem;padding:.6rem .85rem}.faq-list summary{padding:1.1rem;font-size:.9rem}.faq-answer{padding:0 1.1rem 1.1rem}}

/* Four equally weighted tasks: full scene photography and separate readable captions. */
.tasks .task-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto;gap:1.2rem}
.tasks .task-card{display:flex;flex-direction:column;align-items:stretch;justify-content:start;grid-column:auto;grid-row:auto;padding:0;background:#fff;color:var(--navy);border:1px solid var(--line);min-height:0}
.tasks .task-card::after{display:none}
.tasks .task-card__image{position:relative;inset:auto;z-index:0;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center;padding:0}
.tasks .task-card--large .task-card__image{object-position:center 55%}
.tasks .task-card__content{padding:1.25rem 2.8rem 1.25rem 1.25rem;max-width:none;text-shadow:none;flex:1}
.tasks .task-card h3{font-size:clamp(1.05rem,1.4vw,1.3rem);color:var(--navy);line-height:1.3;margin-bottom:.55rem}
.tasks .task-card p{min-height:0;font-size:.76rem;color:var(--muted);line-height:1.6}
.tasks .task-card .arrow{right:1.1rem;bottom:1.4rem;color:var(--navy)}
@media(max-width:1000px){.tasks .task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.tasks .task-grid{grid-template-columns:1fr}.tasks .task-card__image{aspect-ratio:1}.tasks .task-card h3{font-size:1.3rem}}

/* Mobile review, 5 November 2026: keep header controls reachable at 320 px. */
@media(max-width:780px){
 .header-main .menu-toggle{flex-shrink:0;min-width:42px;width:42px}
 .footer-cookie-settings{min-height:44px;padding-block:10px}
}
@media(max-width:360px){
 .header-main{gap:8px}
 .header-main .logo{width:122px;flex:0 0 122px}
 .header-main .logo img{width:122px;height:auto}
 .header-main .header-actions{gap:4px;flex-shrink:0}
 .utility-bar{font-size:.65rem}
 .utility-bar__inner{gap:8px}
 .utility-bar__inner>span,.utility-bar__inner>a{white-space:nowrap}
}