@charset "UTF-8";
/* NoorVant / PETNODUS: warm Gulf home palette.
   Load after style.css and catalog.css. Layout, grid breakpoints and [hidden]
   behavior stay in those stylesheets; this file changes visual treatment only. */
:root {
  --ink: #382b22;
  --green: #513725;
  --muted: #706252;
  --paper: #fbf7ef;
  --line: #dfd1bd;
  --sage: #eee3d1;
  --cream: #f4ead9;
  --orange: #916333;
  --gulf-gold: #b88a4e;
  --gulf-walnut: #513725;
  --gulf-ivory: #fffdf8;
  --gulf-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88'%3E%3Cg fill='none' stroke='%23c49b62' stroke-width='.6' opacity='.12'%3E%3Cpath d='M44 0 88 44 44 88 0 44ZM22 22h44v44H22z'/%3E%3Cpath d='M0 0h88v88H0z'/%3E%3C/g%3E%3C/svg%3E");
  background: var(--paper);
}
body {
  background: radial-gradient(ellipse at 92% 12%, #efe0c84d 0, transparent 34%), var(--paper);
  color: var(--ink);
}
h1, h2, h3 { color: var(--ink); }
h1, h2 { letter-spacing: -.035em; }
p { color: var(--muted); }
.eyebrow { color: #805b35; }
.tiny-line { width: 29px; background: var(--gulf-gold); }
.preview-bar {
  color: #f9eedc;
  background: #513725;
  border-bottom: 1px solid #a984524f;
  letter-spacing: .08em;
}
.preview-dot { background: #d9b57e; }
.site-header {
  background: #fbf7eff5;
  border-bottom-color: #d9c6ab;
  box-shadow: 0 4px 24px #51372505;
  backdrop-filter: blur(12px);
}
.logo, nav, .header-actions { color: var(--gulf-walnut); }
.logo img { mix-blend-mode: multiply; }
.wordmark { letter-spacing: .15em; }
nav a { padding-block: 8px; border-bottom: 1px solid transparent; }
nav a:hover { color: #805528; border-bottom-color: #bd9560; }
.languages a { color: #756552; }
.languages [aria-current] { color: #513725; border-bottom-color: #9b713e; }
.menu-button span { background: #513725; }
.cart-count { background: var(--gulf-walnut); }
.hero { padding-top: 51px; padding-bottom: 65px; }
.hero .lead { color: #6c5a49; }
.hero .eyebrow { color: #7c5832; }
.hero-art {
  border-radius: 50% 50% 14px 14px / 39% 39% 14px 14px;
  border: 1px solid #be9b6b;
  background: #dcc8a8;
  box-shadow: 0 17px 42px #69492c15;
  isolation: isolate;
}
.hero-art::after {
  content: "";
  position: absolute;
  inset: 10px;
  border: 1px solid #ffefd187;
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;
}
.hero-art > img { object-position: center 61%; }
.hero-art .image-label {
  inset-inline: 27px;
  bottom: 29px;
  width: fit-content;
  max-width: calc(100% - 54px);
  border: 1px solid #f2d8b76b;
  border-radius: 3px;
  color: #fff8ec;
  background: #48301edd;
  padding: 11px 15px;
  font-size: 9px;
  line-height: 1.7;
  letter-spacing: .1em;
  text-shadow: none;
  z-index: 2;
}
.hero-art .art-caption { color: #fffaf1; z-index: 2; }
.hero-foot { border-inline-start: 1px solid #bea078; padding-inline-start: 17px; }
.hero-foot .paw { color: #a77c45; }
.hero-foot p { color: #7b6954; }
.button { border-radius: 5px; }
.button.primary {
  color: #fffaf0;
  background: var(--gulf-walnut);
  border: 1px solid var(--gulf-walnut);
  box-shadow: 0 4px 14px #5137250b;
}
.button.primary:hover { background: #6a4830; border-color: #6a4830; }
.button.cream { background: #f5e7ce; color: #432c1c; border: 1px solid #e0c49e; }
.button.cream:hover { background: #ffefd7; }
.button.outline { border-color: #bfa584; color: #513725; background: #fffaf17a; }
.button.outline:hover { background: #eee0ca; }
.text-link { border-bottom-color: #b69a75; color: #604327; }
.text-link:hover { color: #926229; border-bottom-color: #926229; }
.brand-strip { background: #f1e5d1; border-block-color: #dec8a8; }
.brand-strip .wrap { color: #725436; }
.brand-strip span[aria-hidden] { color: #a67c42; }
.section-heading h2, .page-intro h1 { color: #4a3222; }
.collection-visual { border: 1px solid #d9c8af; border-radius: 13px; }
.visual-0 { background: #e9dfcc; color: #70573a; }
.visual-1 { background: #f0e0c9; color: #9a6c3e; }
.visual-2 { background: #e8dfd2; color: #6f6658; }
.round-arrow { color: #5b3e24; border-color: #d2b993; background: #fff9eecc; }
.product-card {
  background: var(--gulf-ivory);
  border: 1px solid #e3d5c0;
  border-radius: 14px;
  box-shadow: 0 4px 16px #5a3e2504;
  overflow: hidden;
}
.product-image { background: #eee3d1; border-radius: 12px 12px 0 0; }
.product-image .round-arrow { background: #fffaf1ef; color: #6b4929; }
.product-card-content { padding: 21px 19px 22px; }
.product-model { color: #80694c; }
.product-card h3 { color: #463225; }
.price { color: #5c3d22; }
.coming-soon { color: #715638; background: #f0e4d0; border: 1px solid #e3d1b5; border-radius: 4px; }
.series-badge { color: #573a24; background: #fff7e9ed; border: 1px solid #ddc6a3; border-radius: 4px; }
.product-card .text-link { color: #715031; }
.catalog-controls { border-block-color: #dcc6a8; }
.filter-buttons button { border-radius: 5px; color: #6a5036; }
.filter-buttons [aria-pressed=true] { color: #fff9ef; background: #513725; border-color: #513725; }
.filter-buttons button:hover { border-color: #ac8858; }
.search-label input, input, select, textarea {
  color: #423023;
  background: #fffdf8;
  border-color: #cfbfa8;
  border-radius: 5px;
}
input::placeholder, textarea::placeholder { color: #897963; opacity: 1; }
.wholesale-section {
  color: #fff4e0;
  background-color: #4c3423;
  background-image: var(--gulf-pattern), linear-gradient(115deg, #543c29, #3c291d);
  border-block: 1px solid #b48b536b;
}
.wholesale-section h2, .wholesale-section h3 { color: #fff5e5; }
.wholesale-section .eyebrow { color: #dfbc85; }
.wholesale-copy > p:not(.eyebrow), .step p { color: #dfceb8; }
.audiences span { color: #f1dec3; border-color: #a68b645e; border-radius: 4px; background: #d9ba8106; }
.step { border-bottom-color: #c29b6259; }
.step > span { color: #d6b27a; }
.country { border-bottom-color: #dfd1bd; }
.country > span { color: #805b32; border-color: #cfb38c; background: #f5ecde; }
.country i { color: #a37c49; }
.about-mark {
  background: #efe2cc;
  border: 1px solid #dac5a6;
  border-radius: 50% 50% 13px 13px / 33% 33% 13px 13px;
  box-shadow: inset 0 0 0 9px #fbf5e977;
}
.about-mark > span { color: #7d6242; }
.direct-shop { background: #efe3ce; border: 1px solid #dfc9a8; border-radius: 12px; }
.marketplaces > button { background: #fffdf7; border-color: #dfcfb8; border-radius: 10px; }
.marketplaces > button:hover { background: #f5e9d7; }
.marketplace-word { color: #4e3825; }
.smile { color: #b8843f; }
.contact-strip { background: #eee0c7; border-block: 1px solid #dcc3a0; }
.contact-form-box { background: #f0e6d6; border: 1px solid #e0cdb0; border-radius: 13px; }
.notice, .order-summary { color: #6a5339; background: #eee3d0; border-inline-start-color: #b68a4e; }
.notice p { color: #6a5339; }
.main-product-image { background: #f0e5d4; border: 1px solid #ddc8ab; border-radius: 12px; }
.gallery-thumbs button { border-radius: 6px; background: #f1e7d9; }
.gallery-thumbs button[aria-pressed=true] { border-color: #9e713c; }
.variants span { color: #644a2e; background: #efe3d0; border: 1px solid #e0ccaf; border-radius: 5px; }
footer {
  background-color: #ece0cc;
  background-image: var(--gulf-pattern), linear-gradient(180deg, #efe4d2, #e8dac2);
  border-top: 1px solid #d4b995;
}
.footer-brand { color: #513725; }
.footer-top p { color: #756047; }
.footer-nav, .footer-contacts { color: #61472e; }
.footer-contacts > a, .footer-contacts > span { border-bottom-color: #cdb696; }
.footer-contacts b { color: #796345; }
.footer-nav .text-link { color: #6c553a; opacity: 1; }
.footer-bottom { color: #765f42; border-top-color: #cdb897; }
.whatsapp-float { background: #513725; border-color: #a18156; box-shadow: 0 5px 21px #4d311c26; }
.whatsapp-float:hover { background: #6a4830; }
dialog { background: #fffbf3; border-color: #d7bd98; border-radius: 12px; box-shadow: 0 22px 75px #3d271d33; }
dialog::backdrop { background: #35261a85; }
.category-art, .cart-art { background: #eee0c8; }
.fineprint, .price-scope { color: #78664e; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, summary:focus-visible { outline-color: #9b692e; outline-offset: 4px; }
.wholesale-section .button:focus-visible { outline-color: #f2d299; }
html[lang="ar"] h1, html[lang="ar"] h2 { letter-spacing: 0; }
html[lang="ar"] .eyebrow, html[lang="ar"] .preview-bar,
html[lang="ar"] .hero-art .image-label { letter-spacing: 0; }
html[lang="ar"] .hero-art .image-label { direction: rtl; }
html[lang="ar"] .product-model { letter-spacing: 0; }
@media (max-width: 800px) {
  nav { background: #fbf7ef; border-bottom-color: #d9c6ab; box-shadow: 0 12px 20px #5137250b; }
  nav a { width: fit-content; }
  .hero { padding-top: 32px; padding-bottom: 43px; }
  .hero-art { border-radius: 50% 50% 12px 12px / 35% 35% 12px 12px; }
  .product-card-content { padding: 18px 15px 19px; }
}
@media (max-width: 600px) {
  .preview-bar { letter-spacing: .025em; }
  .hero { padding-block: 30px 38px; }
  .hero-art { border-radius: 50% 50% 12px 12px / 38% 38% 12px 12px; }
  .hero-art > img { object-position: center 66%; }
  .hero-art::after { inset: 8px; }
  .hero-art .image-label { inset-inline: 22px; bottom: 24px; max-width: calc(100% - 44px); font-size: 8px; padding: 8px 11px; }
  .product-card { border-radius: 10px; }
  .product-image { border-radius: 9px 9px 0 0; }
  .product-card-content { padding: 14px 11px 16px; }
  .product-card .text-link { gap: 6px; }
  .series-badge { font-size: 8px; max-width: calc(100% - 20px); inset-inline-start: 10px; }
  .about-mark { padding-inline: 34px; }
  .brand-strip .wrap { color: #6a4c2d; }
  .contact-form-box { border-radius: 10px; }
}
@media (max-width: 380px) {
  .logo .wordmark { display: block; font-size: 13px; }
  .header-inner { gap: 10px; }
  .header-actions { gap: 9px; }
  .languages { gap: 8px; }
}
.logo .wordmark{padding-block:12px}
.hero .text-link{line-height:1.8;max-width:100%}
.category-strip{flex-wrap:wrap;justify-content:center!important;padding-block:20px;gap:14px 30px!important}
.category-strip a{display:flex;gap:8px;align-items:center;line-height:1.6}
.category-strip small{font-size:9px;letter-spacing:0;border:1px solid #baa080;padding:2px 5px;border-radius:3px}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.category-card{display:block;background:#fffdf8;border:1px solid #e3d5c0;border-radius:14px;overflow:hidden}
.category-cover{aspect-ratio:1.35;background:#efe4d3;overflow:hidden}
.category-cover img{width:100%;height:100%;object-fit:cover}
.category-placeholder{display:grid;place-items:center;background-image:var(--gulf-pattern);background-color:#eee0c7}
.category-wait{color:#755532;font-size:16px;border-block:1px solid #c7ae8c;padding:20px 8px}
.category-copy{padding:25px}.category-copy .eyebrow{font-size:10px;margin-bottom:11px}.category-copy h2{font-family:Arial,"Microsoft YaHei",Tahoma,sans-serif;font-size:24px!important;line-height:1.4}.category-copy p{font-size:13px;margin:15px 0 8px}.category-copy .text-link{font-size:11px}
.category-intro{padding-top:12px}
.category-tabs{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:9px;margin:0 0 25px;padding:0;background:none;border:0;box-shadow:none;font-size:12px}
.category-tabs a{padding:10px 13px;border:1px solid #cfbfa8;border-radius:5px;line-height:1.5}
.category-tabs [aria-current]{background:#513725;color:#fffaf0;border-color:#513725}
.catalog-controls>p{margin:0;font-size:12px}
.pending-category{padding:70px 35px;background-color:#f0e4d0;background-image:var(--gulf-pattern);border:1px solid #ddc8ab;border-radius:12px;text-align:center}
.pending-category h2{margin-bottom:20px}.pending-category p{max-width:580px;margin-inline:auto}.pending-category .eyebrow{margin-bottom:16px}
.product-card-bottom{justify-content:flex-start}.product-card h3{min-height:0}.product-details .button-row{margin-top:25px}
.footer-simple{grid-template-columns:1fr 1.2fr 1fr;gap:38px}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;color:#61472e}
.footer-column a{font-size:13px;line-height:1.65;max-width:100%;overflow-wrap:anywhere}
.footer-column .footer-heading{font-size:17px;font-weight:600;color:#513725;margin-bottom:6px}
.footer-column a:hover{text-decoration:underline;text-underline-offset:4px}
.about-copy p{max-width:680px}
.contact-form-box button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:600px){.footer-simple{grid-template-columns:1fr 1fr;gap:30px}.footer-column:last-child{grid-column:1/-1}.footer-column a{font-size:12px}.footer-column .footer-heading{font-size:16px}}
@media(max-width:850px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.category-copy{padding:20px}.category-copy h2{font-size:21px!important}}
@media(max-width:520px){.category-grid{grid-template-columns:1fr}.category-cover{aspect-ratio:1.6}.category-copy{padding:22px}.category-strip{justify-content:flex-start!important;gap:12px 20px!important}.category-tabs{gap:7px}.category-tabs a{font-size:11px;padding:9px 10px}.pending-category{padding:45px 22px}.hero .text-link{font-size:12px}}