:root{--ink:#24362f;--forest:#213f34;--sage:#dfe7dd;--cream:#f7f5ef;--orange:#c98b5e;--muted:#68736c;--line:#dfe3dc}
body{font-family:Inter,"Aptos",Arial,"Noto Sans",sans-serif;background:#fcfbf8;color:var(--ink);letter-spacing:.003em}
.top{background:#1d392f;color:#edf2ea;padding:9px 15px;font-size:10px;letter-spacing:.19em}
.header{box-shadow:0 4px 20px #1e3b2e0a;background:#fcfbf8eF;backdrop-filter:blur(14px)}
.nav{min-height:76px;gap:28px}.logo{font-size:21px;letter-spacing:-.065em;color:#22382f}.logo span{font-size:10px;letter-spacing:.19em;color:#9a7658;margin-left:5px;vertical-align:2px}
.links{font-size:12px;letter-spacing:.03em;gap:27px}.links a{transition:color .2s}.links a:hover{color:#b67b4e}
.lang{border:1px solid #d9ddd6;border-radius:3px;background:transparent;padding:10px 11px;font-size:12px}
.btn{border-radius:3px;letter-spacing:.025em;padding:14px 20px}.orange{background:#c98b5e;color:#fff}.green{background:#294b3d}.outline{border-color:#aab7ad;color:#2e4b3e}
.hero{background:linear-gradient(105deg,#f4f1e8 0%,#faf8f2 58%,#e7ece4 100%);position:relative}
.hero-grid{min-height:625px;grid-template-columns:.94fr 1.06fr;gap:74px;padding-top:28px;padding-bottom:32px}
.hero-copy{padding:35px 0}.hero .eyebrow{color:#997451;font-size:10px;letter-spacing:.2em}.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(48px,5.4vw,75px);letter-spacing:-.045em;line-height:1.02;color:#26392f;margin:22px 0 24px;max-width:640px}.hero h1 em{color:#a66f48;font-weight:400}.hero p{font-size:15px;line-height:1.9;color:#5e6c63;max-width:465px}.hero .buttons{margin-top:31px}.hero-meta{margin-top:24px;color:#7b8179;font-size:11px;letter-spacing:.07em}.hero-visual{height:485px;border-radius:3px;overflow:visible}.hero-visual>img:first-child{object-fit:cover;object-position:center center;border-radius:3px;height:100%;box-shadow:0 24px 55px #26382a1c}.hero-visual .bubble{left:-24px;bottom:24px;border-radius:3px;background:#fcfbf8;font-size:11px;letter-spacing:.03em;padding:16px 20px;box-shadow:0 12px 30px #26382a16}.visual-caption{position:absolute;right:14px;bottom:14px;background:#1d392fcf;color:white;padding:9px 12px;font-size:10px;letter-spacing:.04em;border-radius:2px}
.strip{background:#263f34}.strip-grid{padding:22px 0}.strip-grid div{border-color:#597064;padding-left:23px}.strip-grid b{font-size:12px;font-weight:700;letter-spacing:.025em}.strip-grid small{font-size:11px;color:#d3ded5}
.section{padding:94px 0}.section-title{margin-bottom:36px}.section-title h2,.two h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;color:#283c32;letter-spacing:-.035em}.section-title p{font-size:13px;max-width:400px}.eyebrow{font-size:10px;letter-spacing:.19em;color:#9a7658}
#products{background:#fcfbf8}.cards{gap:18px}.card{border:1px solid #eaebe6;border-radius:4px;box-shadow:0 7px 24px #223b2f0a;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 15px 32px #223b2f15}.product-photo{height:280px!important;padding:20px;background:#fff}.card-content{padding:19px 20px 22px}.card-content h3{font-size:17px;letter-spacing:-.02em}.card-content p{font-size:12px}.card-content small{font-size:9px;letter-spacing:.11em;color:#907452}.card-content a{color:#8d6344}.product-quote{margin-top:15px}.note,.image-disclaimer{font-size:11px;line-height:1.7;color:#7b8179}
#categoryFilters{gap:8px;margin:26px 0 22px}#categoryFilters button{border-color:#d9ded7;border-radius:2px;padding:11px 15px;font-size:12px;transition:all .15s}#categoryFilters button[aria-pressed=true]{background:#294b3d;border-color:#294b3d}
.about.section{background:#edf0e9}.two{gap:76px}.two img{height:495px;border-radius:3px}.factory-photo{position:relative}.factory-photo img{display:block;width:100%;height:495px;object-fit:cover;object-position:center;border-radius:3px;box-shadow:0 20px 50px #26382a18}.photo-tag{position:absolute;left:16px;bottom:16px;padding:9px 12px;background:#fbfaf5eb;color:#4c5d52;font-size:10px;letter-spacing:.05em}.two h2{font-size:clamp(38px,4.2vw,54px);line-height:1.08;margin:15px 0 18px}.two p{font-size:13px;line-height:1.9;color:#627168}.checks{margin:23px 0}.checks li{font-size:12px;color:#364b3f;margin:12px 0}.checks li:before{color:#b37d51}.factory-disclaimer{border-top:1px solid #d7ddd4;padding-top:14px;margin-top:20px;font-size:10px!important;line-height:1.75!important;color:#788177!important}
.factory-story{background:#f8f7f2}.factory-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.factory-card{background:#fff;border:1px solid #e5e7e0;border-radius:3px;overflow:hidden}.factory-card>img{display:block;width:100%;height:205px;object-fit:cover}.factory-card>div:not(.step-mark){padding:20px 22px}.factory-card small{font-size:9px;letter-spacing:.16em;color:#9a7658}.factory-card h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:22px;margin:10px 0}.factory-card p{color:#6b776f;font-size:12px;line-height:1.75;margin:0}.factory-card-note{padding:26px 24px;display:flex;flex-direction:column;min-height:340px;background:#e9eee7}.factory-card-note .step-mark{font-family:Georgia,serif;font-size:64px;color:#c18b61;line-height:1;margin:0 0 18px}.factory-card-note>div:not(.step-mark){padding:0}.factory-card-note a{margin-top:auto;color:#385d4b;font-size:12px;font-weight:800;border-bottom:1px solid #9aaa9d;padding-bottom:10px}.factory-story>.wrap>.image-disclaimer{margin-top:16px}
.process{gap:12px}.step{border:1px solid #e8e9e3;border-radius:3px;box-shadow:0 7px 20px #1e3b2e08;padding:25px 22px}.step strong{font-family:Georgia,serif;font-weight:400;color:#bb8359;font-size:30px}.step h3{font-family:Georgia,serif;font-weight:500;font-size:20px}.step p{font-size:12px}
.contact{background:#213e33;padding:84px 0}.contact h2{font-family:Georgia,serif;font-weight:400}.contact-panel{border-radius:3px;box-shadow:0 18px 50px #14251d2b}.contact-panel .btn{border-radius:3px}.footer{background:#182f27;font-size:11px}
.image-disclaimer{margin:17px 0 0}.product-photo,.image-zoom img{background:#fff}
body[dir=rtl] .hero-copy{text-align:right}body[dir=rtl] .hero-meta{text-align:right}body[dir=rtl] .visual-caption{right:auto;left:14px}body[dir=rtl] .photo-tag{left:auto;right:16px}body[dir=rtl] .factory-card-note a{text-align:right}
@media(max-width:900px){.hero-grid{gap:38px;min-height:580px}.hero-visual{height:400px}.links{gap:15px}.nav{gap:15px}.factory-grid{grid-template-columns:1fr 1fr}.factory-card-note{grid-column:1/-1;min-height:260px}.two{gap:42px}.factory-photo img{height:430px}}
@media(max-width:700px){.nav{min-height:66px}.hero-grid{grid-template-columns:1fr;padding:47px 0;gap:28px}.hero-copy{padding:0}.hero h1{font-size:clamp(44px,12vw,60px)}.hero-visual{height:330px;margin:0 0 12px 14px}.hero-visual .bubble{left:-14px}.strip-grid{gap:18px 8px}.strip-grid div{padding-left:12px}.section{padding:66px 0}.section-title h2{font-size:36px}.factory-grid{grid-template-columns:1fr}.factory-card-note{grid-column:auto;min-height:250px}.factory-card>img{height:230px}.factory-photo img{height:340px}.two{gap:34px}.factory-disclaimer{margin-bottom:0}.detail-grid{gap:30px}}
@media(max-width:560px){.top{font-size:9px;letter-spacing:.12em}.logo{font-size:19px}.logo span{font-size:9px}.lang{padding:8px}.hero-visual{height:280px}.hero-visual .bubble{font-size:10px;padding:12px}.visual-caption{font-size:9px}.strip-grid{grid-template-columns:1fr 1fr}.strip-grid div{border:0;padding-left:0}.strip-grid b{font-size:11px}.strip-grid small{font-size:10px}.cards{grid-template-columns:1fr}.product-photo{height:300px!important}.contact-panel{padding:22px}.footer .wrap{display:grid;gap:10px}}
.factory-gallery-heading{margin:52px 0 20px;border-top:1px solid var(--line);padding-top:30px}.factory-gallery-heading h3{font:500 clamp(26px,3vw,36px) Georgia,serif;color:var(--forest);margin:9px 0}.factory-gallery-heading p{max-width:670px;font-size:12px;line-height:1.8;color:var(--muted)}.factory-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.factory-gallery figure{margin:0;background:white;border:1px solid #e5e7e0;border-radius:3px;overflow:hidden;box-shadow:0 7px 24px #223b2f0a}.factory-gallery img{display:block;width:100%;height:215px;object-fit:cover}.factory-gallery figcaption{padding:12px 15px;color:#59685e;font-size:11px;letter-spacing:.025em}.factory-grid .factory-card:nth-child(3)>div{padding-bottom:14px}.factory-grid .factory-card:nth-child(3) a{display:inline-block;margin:0 22px 20px;color:#385d4b;font-size:12px;font-weight:700;border-bottom:1px solid #9aaa9d;padding-bottom:8px}@media(max-width:800px){.factory-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.factory-gallery{grid-template-columns:1fr}.factory-gallery img{height:240px}}

/* Selected Shiba identity */
.logo{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none}.logo .brand-mark{width:48px;height:54px;object-fit:contain;border-radius:10px;background:#fffaf2}.logo .brand-wordmark{margin:0;color:#704a32;font-size:20px;letter-spacing:-.04em;line-height:1.05;vertical-align:baseline}.logo .brand-wordmark small{display:block;font-size:8px;letter-spacing:.28em;margin-top:6px;color:#88644e}.footer .wrap{align-items:center}.footer-logo{width:90px;height:90px;object-fit:contain;border-radius:8px}#catalogDownload,#download{display:inline-block}@media(max-width:560px){.logo{gap:7px}.logo .brand-mark{width:39px;height:46px}.logo .brand-wordmark{font-size:17px}.nav{gap:10px}.footer-logo{width:76px;height:76px}}

/* Centered brand title inspired by the supplied QQPETS header reference */
.header .masthead{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;gap:14px}
.header .logo{grid-column:1;justify-self:start;display:flex;align-items:center;margin:0}
.header .logo .brand-mark{width:48px;height:54px;object-fit:contain;border-radius:10px;background:#fffaf2}
.site-title{grid-column:2;grid-row:1;font:700 23px/1.1 Arial,sans-serif;letter-spacing:.015em;color:#294b3b;white-space:nowrap;text-align:center}
.site-title span{font-size:10px;letter-spacing:.28em;color:#a57552;margin-left:7px;vertical-align:2px}
.header-actions{grid-column:3;display:flex;justify-self:end;align-items:center;gap:12px}
.nav-links{border-top:1px solid #e8e9e2}
.nav-links .links{display:flex;justify-content:center;gap:30px;padding:10px 16px 12px}
.detail-masthead{border-bottom:0}
@media(max-width:850px){.header .masthead{min-height:66px}.nav-links .links{gap:18px;overflow-x:auto;justify-content:flex-start;white-space:nowrap}.header-actions .btn{display:none}.header .logo .brand-mark{width:42px;height:48px}}
@media(max-width:560px){.header .masthead{grid-template-columns:1fr auto 1fr;gap:5px;min-height:60px}.site-title{font-size:17px}.site-title span{font-size:8px;letter-spacing:.18em;margin-left:3px}.header .logo .brand-mark{width:37px;height:42px}.header-actions{gap:0}.header-actions .lang{font-size:11px;padding:7px 5px;max-width:90px}.nav-links .links{gap:18px;padding:9px 12px;font-size:12px}}

/* Center the mascot and PawSource wordmark as one compact masthead lockup */
.header .masthead{min-height:92px}
.brand-lockup{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;justify-self:center;gap:0}
.brand-lockup .logo{grid-column:auto;grid-row:auto;justify-self:center}
.brand-lockup .logo .brand-mark{width:43px;height:48px;background:transparent;border-radius:0}
.brand-lockup .site-title{grid-column:auto;grid-row:auto;font-size:18px;line-height:1.1}
.brand-lockup .site-title span{font-size:8px;letter-spacing:.22em;margin-left:4px;vertical-align:1px}
@media(max-width:850px){.header .masthead{min-height:86px}.brand-lockup .logo .brand-mark{width:39px;height:43px}}
@media(max-width:560px){.header .masthead{min-height:78px}.brand-lockup{gap:0}.brand-lockup .logo .brand-mark{width:34px;height:38px}.brand-lockup .site-title{font-size:15px}.brand-lockup .site-title span{font-size:7px}}
/* Keep the site masthead in normal document flow; it scrolls away with the page. */
.header{position:static;top:auto;z-index:auto;backdrop-filter:none}
