/* ==========================================================================
   عالم النوادر — High Theme custom CSS
   Consolidated 22 Oct 2026. Was: 137 rules / 95 selectors / 136 !important
   / 30 duplicated selectors. Order matters: tokens, global, components,
   per-product overrides, media queries.
   ========================================================================== */

/* 1. Tokens (was two competing :root blocks; the October palette won) */
:root{
  --ajd-navy:#06469b;
  --ajd-ink:#092f63;
  --ajd-cream:#fffdf8;
  --ajd-coral:#ff5c55;
  --ajd-coral-dark:#e44843;
  --ajd-line:#ece9e4;
  --ajd-sky:#e5f2fb;
}

/* 2. Global ground (was four competing background rules) */
html,
html body.app-body{ background-color:var(--ajd-cream) !important; background-image:none !important; }
.s-block{ margin-top:32px; }
.store-header{ box-shadow:0 2px 14px rgb(11 42 91 / 7%); }
.navbar-brand img{ max-height:64px; width:auto; object-fit:contain; }

/* 3. Type and buttons */
.section-main-title{ color:var(--ajd-ink) !important; font-weight:800; letter-spacing:-0.4px; }
.section-main-title h2{ font-size:clamp(22px,2.2vw,32px) !important; line-height:1.4 !important; font-weight:800 !important; color:var(--ajd-ink) !important; }
.s-button-element.s-button-primary{ background-color:var(--ajd-navy) !important; border-color:var(--ajd-navy) !important; border-radius:16px; font-weight:800; }
.s-button-element.s-button-primary:hover{ background-color:var(--ajd-ink) !important; }

/* 4. Hero
   FIX 1: the banner is 1440x540. Pinning .bg__image to 460px clipped the
   543px render and pushed the artwork's baked-in text into the button.
   Match the artwork's aspect instead of cropping it. */
.an-pet-hero{ width:calc(100% - 48px); max-width:1600px; margin:24px auto 16px !important; border-radius:36px; overflow:hidden; }
.an-pet-hero .bg__image{ aspect-ratio:1440 / 540; height:auto !important; max-height:none !important; overflow:hidden; }
.an-pet-hero .bg__image img{ width:100% !important; height:100% !important; object-fit:cover !important; }
.an-pet-hero .floating-wrapper{ top:auto !important; bottom:16px !important; left:59% !important; right:auto !important; width:40% !important; transform:none !important; }
.an-pet-hero .floating_text{ padding:0 16px !important; }
.an-pet-hero .fs_banners_btn{ display:inline-flex; align-items:center; justify-content:center; min-height:54px; margin:0 !important; padding:16px 42px !important; border-radius:999px !important; font-size:20px !important; font-weight:800; background:var(--ajd-coral) !important; color:#fff !important; }
.an-pet-hero .fs_banners_btn:hover{ background:var(--ajd-coral-dark) !important; }

/* 5. Category banners */
.an-pet-categories{ width:calc(100% - 48px) !important; max-width:1600px !important; padding:0 !important; margin:14px auto 24px !important; }
.an-pet-categories .s-block__title{ display:none !important; }
.an-pet-categories .grid{ gap:14px !important; }
.an-pet-categories .banner-entry{ border-radius:22px !important; overflow:hidden; }
.an-pet-categories .banner-entry img{ width:100%; height:auto; display:block; aspect-ratio:1.85; object-fit:cover; }
.an-pet-categories a:focus-visible,
.an-pet-hero a:focus-visible{ outline:3px solid var(--ajd-ink); outline-offset:4px; }

/* 6. Product cards (was three competing blocks) */
custom-salla-product-card.product-block{ background-color:#fff !important; border:1px solid var(--ajd-line) !important; border-radius:20px !important; box-shadow:none !important; overflow:hidden; }
custom-salla-product-card .product-block__thumb,
custom-salla-product-card .product-block-outer{ background-color:#fff; }
custom-salla-product-card h3.title{ color:var(--ajd-ink) !important; font-weight:700; }
custom-salla-product-card .price-wrapper,
custom-salla-product-card .price-wrapper .pc-t,
custom-salla-product-card .price-wrapper i.sicon-sar{ color:var(--ajd-coral) !important; }
custom-salla-product-card .price-wrapper .pc-t{ font-weight:900; font-size:1.25rem; }
html body.app-body .s-products-slider-card.swiper-slide{ width:280px !important; }
html body.app-body .s-products-slider-card custom-salla-product-card.product-block{ width:100% !important; max-width:none !important; }
custom-salla-product-card .product-block__thumb .thumb-wrapper{ padding-top:110% !important; }
custom-salla-product-card .product-block__thumb img{ width:100% !important; height:100% !important; object-fit:contain !important; padding:0 !important; }

/* FIX 2: transform:scale(1.35) on three products rendered their images
   398x438 inside a 295x325 thumb, so they spilled outside the card and no
   two cards matched. Removed. Those three need their source images
   re-cropped to drop the white margin instead. */

/* 7. Product, collection and information pages */
.prod-main-content{ display:flex !important; flex-direction:column; gap:12px; color:var(--ajd-ink); }
.prod-main-content .product-main-title{ font-size:clamp(25px,2.5vw,38px) !important; line-height:1.5 !important; color:var(--ajd-ink) !important; }
.prod-main-content .product__description{ order:20; line-height:1.95 !important; font-size:16px !important; border-top:1px solid #e8e3d9; padding-top:24px; margin-top:20px; }
.prod-main-content .product__description p:empty,
.prod-main-content .product__description p:has(>br:only-child){ display:none; }
.prod-main-content .p-share{ order:21; }
.prod-main-content .product-form{ padding:22px; background:#fff; border:1px solid #e8e3d9; border-radius:24px; }
.p-single-container{ padding-top:24px !important; }
.p-single-container .details-slider{ background:#fff !important; border:1px solid var(--ajd-line); border-radius:30px !important; overflow:hidden; }
.p-single-container .details-slider .swiper-slide img{ object-fit:contain !important; }
.container--products-list .center-between{ padding:24px; background:var(--ajd-sky); border-radius:24px; margin-bottom:28px; gap:16px; }
.container--products-list .index-title{ font-size:28px !important; color:var(--ajd-ink) !important; font-weight:800; line-height:1.4; }
.container--products-list .s-products-list-wrapper{ gap:20px !important; }
.container--products-list .product-block__thumb img{ object-fit:contain !important; }
.an-info-page{ max-width:1440px; margin:28px auto 64px; padding:0 24px; color:var(--ajd-ink); }
.an-info-page a:focus-visible{ outline:3px solid var(--ajd-ink); outline-offset:5px; }
.an-info-hero{ position:relative; background:var(--ajd-sky); border-radius:36px; padding:64px 8%; overflow:hidden; }
.an-info-hero:after{ content:''; position:absolute; width:160px; height:160px; border:28px solid #ffd5ca; border-radius:50%; left:-60px; bottom:-70px; pointer-events:none; }
.an-info-hero h1{ font-size:clamp(34px,4.3vw,60px) !important; font-weight:900 !important; line-height:1.35 !important; margin:0 0 20px !important; color:var(--ajd-ink) !important; }
.an-info-hero>p:last-child{ max-width:760px; font-size:20px; line-height:1.9; }
.an-eyebrow{ font-weight:800; letter-spacing:.03em; margin:0 0 14px !important; color:var(--ajd-navy); }
.an-info-content{ max-width:1100px; margin:48px auto 0; font-size:18px; line-height:1.95; }
.an-info-content h2{ font-size:32px; font-weight:800; margin-bottom:18px; }
.an-info-content h3{ font-size:23px; font-weight:800; margin:0 0 12px; }
.an-info-content p{ margin:0 0 18px; }
.an-info-content a{ color:var(--ajd-navy); text-decoration:underline; text-underline-offset:5px; }
.an-info-content a.an-info-cta{ display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:12px 30px; border-radius:99px; background:var(--ajd-coral); color:#fff; font-weight:800; text-decoration:none; }
.an-info-columns{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px; margin:36px 0; }
.an-info-columns>div{ border-top:4px solid #b8dfd2; padding-top:24px; }

/* 8. Footer */
.store-footer{ background-color:var(--ajd-ink) !important; }
.store-footer p,
.store-footer a,
.store-footer h3,
.store-footer h4,
.store-footer .social-link{ color:var(--ajd-cream) !important; }
.store-footer a:hover{ color:#ffd5ca !important; }

/* 9. Feature cards and banner radii */
.s-block--features__item{ background-color:var(--ajd-navy) !important; border-radius:22px; }
.s-block--banners img,
.s-block--one-wide-banner img,
.s-block--animated-ads img{ border-radius:28px; }

/* 10. Cat category page: drop the empty carousel, keep real navigation */
body.app-body [page-id="1704538179"] .sub-nav-header:not(:has(a)){ display:none !important; }
body.app-body [page-id="1704538179"] .index-outer{ margin-top:0 !important; }
body.app-body [page-id="1704538179"] .center-between{ margin-top:12px !important; }

/* 11. Grooming posters
   FIX 3: the quick-view button is 34x34 and sits 3% down the image, right
   on each poster's heading. Hidden on this category only. */
body.app-body [page-id="280454797"] .showPreviewBtn{ display:none !important; }

/* 12. Per-product artwork overrides (preserved verbatim) */
/* Official Natua tuna with mango, 85 g — natuapet.com */
html body.app-body custom-salla-product-card[id^="product_368863022_"] .product-block__thumb img{content:url("https://natuapet.com/storage/products_image/00000201.webp?v=1759817292");object-fit:cover!important;}
/* Matching grooming-service artwork — October 2026; draft theme only. */
html body.app-body custom-salla-product-card[id^="product_58573931_"] .product-block__thumb img,html body.app-body #product-58573931 .details-slider .swiper-slide img{content:url("https://cdn.files.salla.network/other/2013664185/98f454ac-6b62-4d71-89e0-083bf4731ce5-original.webp");object-fit:contain!important;}
html body.app-body custom-salla-product-card[id^="product_1272776963_"] .product-block__thumb img,html body.app-body #product-1272776963 .details-slider .swiper-slide img{content:url("https://cdn.files.salla.network/other/2013664185/b15ace8f-440f-42af-8fcd-b9905d10b53e-original.webp");object-fit:contain!important;}
html body.app-body custom-salla-product-card[id^="product_1604935073_"] .product-block__thumb img,html body.app-body #product-1604935073 .details-slider .swiper-slide img{content:url("https://cdn.files.salla.network/other/2013664185/805c2ed3-2a81-40f6-a32d-13232abd0238-original.webp");object-fit:contain!important;}
html body.app-body custom-salla-product-card[id^="product_9757689_"] .product-block__thumb img,html body.app-body #product-9757689 .details-slider .swiper-slide img{content:url("https://cdn.files.salla.network/other/2013664185/36284821-ff67-4d34-8b88-cdc8320b3ada-original.webp");object-fit:contain!important;}
html body.app-body custom-salla-product-card[id^="product_967022565_"] .product-block__thumb img,html body.app-body #product-967022565 .details-slider .swiper-slide img{content:url("https://cdn.files.salla.network/other/2013664185/dc60fc9a-7259-42a3-b9f8-5bd326b32822-original.webp");object-fit:contain!important;}
html body.app-body custom-salla-product-card[id^="product_1137728557_"] .product-block__thumb img,html body.app-body #product-1137728557 .details-slider .swiper-slide img{content:url("https://cdn.files.salla.network/other/2013664185/8af7c9db-9ef8-4a07-a2cf-c8be4cb7676e-original.webp");object-fit:contain!important;}
html body.app-body custom-salla-product-card[id^="product_564808222_"] .product-block__thumb img,html body.app-body #product-564808222 .details-slider .swiper-slide img{content:url("https://cdn.files.salla.network/other/2013664185/1ef1eefd-d2b6-48f5-a2c8-3c3479fa35e9-original.webp");object-fit:contain!important;}
html body.app-body custom-salla-product-card[id^="product_1993544377_"] .product-block__thumb img,html body.app-body #product-1993544377 .details-slider .swiper-slide img{content:url("https://cdn.files.salla.network/other/2013664185/3d51df01-2ae7-4d97-b966-6f7160b5b200-original.webp");object-fit:contain!important;}

/* 13. Poster framing and promo-badge suppression */
html body.app-body custom-salla-product-card[id^="product_58573931_"] .product-block__thumb .thumb-wrapper,
html body.app-body custom-salla-product-card[id^="product_1272776963_"] .product-block__thumb .thumb-wrapper,
html body.app-body custom-salla-product-card[id^="product_1604935073_"] .product-block__thumb .thumb-wrapper,
html body.app-body custom-salla-product-card[id^="product_9757689_"] .product-block__thumb .thumb-wrapper,
html body.app-body custom-salla-product-card[id^="product_967022565_"] .product-block__thumb .thumb-wrapper,
html body.app-body custom-salla-product-card[id^="product_1137728557_"] .product-block__thumb .thumb-wrapper,
html body.app-body custom-salla-product-card[id^="product_564808222_"] .product-block__thumb .thumb-wrapper,
html body.app-body custom-salla-product-card[id^="product_1993544377_"] .product-block__thumb .thumb-wrapper{ padding-top:100% !important; }
body.app-body custom-salla-product-card[id^="product_58573931_"] .product-block__thumb .badge,
body.app-body #product-58573931 .details-slider .promotion-title,
body.app-body custom-salla-product-card[id^="product_1272776963_"] .product-block__thumb .badge,
body.app-body #product-1272776963 .details-slider .promotion-title,
body.app-body custom-salla-product-card[id^="product_1604935073_"] .product-block__thumb .badge,
body.app-body #product-1604935073 .details-slider .promotion-title,
body.app-body custom-salla-product-card[id^="product_9757689_"] .product-block__thumb .badge,
body.app-body #product-9757689 .details-slider .promotion-title,
body.app-body custom-salla-product-card[id^="product_967022565_"] .product-block__thumb .badge,
body.app-body #product-967022565 .details-slider .promotion-title,
body.app-body custom-salla-product-card[id^="product_1137728557_"] .product-block__thumb .badge,
body.app-body #product-1137728557 .details-slider .promotion-title,
body.app-body custom-salla-product-card[id^="product_564808222_"] .product-block__thumb .badge,
body.app-body #product-564808222 .details-slider .promotion-title,
body.app-body custom-salla-product-card[id^="product_1993544377_"] .product-block__thumb .badge,
body.app-body #product-1993544377 .details-slider .promotion-title{ display:none !important; }

/* 14. Phones (was eight separate max-width:767px blocks) */
@media (max-width:767px){
  .s-block{ margin-top:22px; }
  .navbar-brand img{ max-height:50px; }
  .an-pet-hero{ width:calc(100% - 24px); margin:14px auto !important; border-radius:24px; }
  .an-pet-hero .bg__image{ aspect-ratio:auto; }
  .an-pet-hero .floating-wrapper{ top:88% !important; bottom:auto !important; left:0 !important; width:100% !important; }
  .an-pet-hero .fs_banners_btn{ font-size:17px !important; padding:12px 34px !important; min-height:48px; }
  .an-pet-categories{ width:calc(100% - 24px) !important; margin:16px auto !important; }
  .an-pet-categories .grid{ gap:12px !important; }
  .an-pet-categories .banner-entry{ border-radius:16px !important; }
  .s-block--features__item{ border-radius:16px; }
  .s-block--banners img,
  .s-block--one-wide-banner img{ border-radius:18px; }
  html body.app-body .s-products-slider-card.swiper-slide{ width:235px !important; max-width:235px !important; }
  .prod-main-content{ gap:10px; }
  .prod-main-content .product-form{ padding:16px; border-radius:20px; }
  .p-single-container{ padding-top:10px !important; }
  .p-single-container .sidebar{ margin:0 0 24px !important; }
  .container--products-list .center-between{ padding:18px; border-radius:20px; flex-wrap:wrap; }
  .container--products-list .index-title{ font-size:23px !important; }
  .container--products-list .s-products-list-wrapper{ gap:12px !important; }
  .an-info-page{ padding:0 12px; margin:16px auto 36px; }
  .an-info-hero{ padding:36px 24px; border-radius:24px; }
  .an-info-hero>p:last-child{ font-size:18px; }
  .an-info-content{ margin:30px 12px 0; font-size:17px; }
  .an-info-content h2{ font-size:27px; }
  .an-info-columns{ grid-template-columns:1fr; gap:26px; margin:24px 0; }
  body.app-body [page-id="280454797"] .s-products-list-wrapper.s-products-list-vertical-cards,
  body.app-body [page-id="1704538179"] .s-products-list-wrapper.s-products-list-vertical-cards{ grid-template-columns:minmax(0,1fr) !important; max-width:440px; margin-inline:auto; }
}