/* ==========================================================================
   گالری طلای رَیحان — stylesheet entry point
   Every page links this file only. It declares the cascade layers up
   front, so precedence is decided by layer, not by import order or
   selector specificity: a later layer always wins over an earlier one.

     settings    tokens (custom properties) — no selectors that style
     base        bare elements, focus, skip link, reduced motion
     layout      page structure: shell, section rhythm
     components  reusable pieces, used by more than one section/page
     sections    one file per page section; may adjust components inside.
                 A page with many parts gets a folder (sections/account/).

   Each file owns its own responsive rules at its bottom, in the order
   980px → 760px → 480px (see the breakpoint note in tokens.css).
   ========================================================================== */

@layer settings, base, layout, components, sections;

/* @font-face is not layered. */
@import url("settings/fonts.css");
@import url("settings/tokens.css") layer(settings);

@import url("base/base.css") layer(base);
@import url("base/typography.css") layer(base);

@import url("layout/shell.css") layer(layout);
@import url("layout/section.css") layer(layout);

@import url("components/eyebrow.css") layer(components);
@import url("components/section-heading.css") layer(components);
@import url("components/button.css") layer(components);
@import url("components/text-link.css") layer(components);
@import url("components/product-art.css") layer(components);
@import url("components/product-card.css") layer(components);
@import url("components/pagination.css") layer(components);
@import url("components/price-table.css") layer(components);
@import url("components/field.css") layer(components);
@import url("components/gallery.css") layer(components);
@import url("components/product-thumb.css") layer(components);
@import url("components/status-badge.css") layer(components);
@import url("components/breadcrumb.css") layer(components);
@import url("components/choice.css") layer(components);
@import url("components/accordion.css") layer(components);
@import url("components/otp.css") layer(components);
@import url("components/certificate.css") layer(components);
@import url("components/open-status.css") layer(components);
@import url("components/assurance-list.css") layer(components);
@import url("components/sticky-bar.css") layer(components);
@import url("components/checkout-steps.css") layer(components);
@import url("components/order-summary.css") layer(components);
@import url("components/option-card.css") layer(components);
@import url("components/order-track.css") layer(components);
@import url("components/toast.css") layer(components);
@import url("components/step-list.css") layer(components);
@import url("components/jewel-icon.css") layer(components);
@import url("components/facts.css") layer(components);
@import url("components/branches.css") layer(components);
@import url("components/product-photo.css") layer(components);

@import url("sections/announcement.css") layer(sections);
@import url("sections/site-header.css") layer(sections);
@import url("sections/mega-menu.css") layer(sections);
@import url("sections/menu-sheet.css") layer(sections);
@import url("sections/header-verse.css") layer(sections);
@import url("sections/page-hero.css") layer(sections);
@import url("sections/featured.css") layer(sections);
@import url("sections/story.css") layer(sections);
@import url("sections/product-details.css") layer(sections);
@import url("sections/consultation.css") layer(sections);
@import url("sections/contact-page/quick.css") layer(sections);
@import url("sections/contact-page/message.css") layer(sections);
@import url("sections/about-page/opening.css") layer(sections);
@import url("sections/about-page/basil.css") layer(sections);
@import url("sections/about-page/emblem.css") layer(sections);
@import url("sections/about-page/question.css") layer(sections);
@import url("sections/about-page/values.css") layer(sections);
@import url("sections/home/hero.css") layer(sections);
@import url("sections/home/trust.css") layer(sections);
@import url("sections/home/collections.css") layer(sections);
@import url("sections/home/occasions.css") layer(sections);
@import url("sections/home/proof.css") layer(sections);
@import url("sections/home/path.css") layer(sections);
@import url("sections/home/name.css") layer(sections);
@import url("sections/checkout/layout.css") layer(sections);
@import url("sections/checkout/cart.css") layer(sections);
@import url("sections/checkout/forms.css") layer(sections);
@import url("sections/checkout/receipt.css") layer(sections);
@import url("sections/account/layout.css") layer(sections);
@import url("sections/account/overview.css") layer(sections);
@import url("sections/account/orders.css") layer(sections);
@import url("sections/account/certificates.css") layer(sections);
@import url("sections/account/wishlist.css") layer(sections);
@import url("sections/account/addresses.css") layer(sections);
@import url("sections/account/profile.css") layer(sections);
@import url("sections/consultation-page/channels.css") layer(sections);
@import url("sections/consultation-page/steps.css") layer(sections);
@import url("sections/consultation-page/request.css") layer(sections);
@import url("sections/consultation-page/faq.css") layer(sections);
@import url("sections/login.css") layer(sections);
@import url("sections/policy-page/layout.css") layer(sections);
@import url("sections/policy-page/prose.css") layer(sections);
@import url("sections/policy-page/related.css") layer(sections);
@import url("sections/faq-page.css") layer(sections);
@import url("sections/error-page.css") layer(sections);
@import url("sections/category-page/hero.css") layer(sections);
@import url("sections/category-page/catalog.css") layer(sections);
@import url("sections/category-page/filters.css") layer(sections);
@import url("sections/category-page/upcoming.css") layer(sections);
@import url("sections/category-page/guide.css") layer(sections);
@import url("sections/admin/layout.css") layer(sections);
@import url("sections/admin/dashboard.css") layer(sections);
@import url("sections/admin/table.css") layer(sections);
@import url("sections/admin/forms.css") layer(sections);
@import url("sections/admin/order.css") layer(sections);
@import url("sections/admin/reports.css") layer(sections);
@import url("sections/admin/settings.css") layer(sections);
@import url("sections/admin/signin.css") layer(sections);
@import url("sections/design-system.css") layer(sections);
@import url("sections/product-page/layout.css") layer(sections);
@import url("sections/product-page/buy-box.css") layer(sections);
@import url("sections/product-page/info.css") layer(sections);
@import url("sections/site-footer.css") layer(sections);
@import url("sections/bottom-nav.css") layer(sections);