/* ShopUdachi v2 shared palette and heading typography. */
@font-face{font-family:Roboto;src:url('/local/shopudachi_v2/fonts/roboto-bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
body h1{font-family:Roboto,Arial,sans-serif!important;font-weight:700!important;font-style:normal!important}
.nc-page .nc-category-hero--puzzles{background-image:linear-gradient(90deg,rgba(255,255,255,.75),rgba(255,255,255,.15)),url('/upload/iblock/547/547eebc79255b7e3f4155149dbb56de5.jpg');background-position:center;background-size:cover}
:root {
  --su-primary: #1970b9;
  --su-primary-hover: #00579f;
  --su-primary-soft: #e8f3ff;
  --su-hero-tint: #e5f3ff;
  --su-accent: #ffad00;
  --su-accent-hover: #e99900;
  --su-accent-light: #ffd15c;
  --su-warm: #fff1cb;
  --su-orange: #e36c13;
  --su-orange-soft: #fff0de;
  --su-gold: #c87500;
  --su-cream: #fffaf0;
  --su-surface: #ffffff;
  --su-text: #172b3c;
  --su-text-muted: #607486;
  --su-text-secondary: #3d5970;
  --su-border: #dce7f0;
  --su-border-strong: #bdd7ee;
  --su-footer-text: #d3eaff;
  --su-home-start: #fff8e6;
  --su-home-end: #ffe1a3;
  --su-garden-start: #f0f8ff;
  --su-garden-end: #cce7ff;
  --su-hobby-start: #fff7eb;
  --su-hobby-end: #ffdfb4;
  /* Semantic states stay distinct from brand colours. */
  --su-success: #287442;
  --su-success-soft: #eaf6ee;
  --su-error: #b9382e;
  --su-error-soft: #fff0ee;
  --su-disabled: #eef0f3;
  --su-on-primary: #ffffff;
  --su-green: var(--su-primary);
  --su-ink: var(--su-text);
  --su-muted: var(--su-text-muted);
  --su-line: var(--su-border);
  --nc-green: var(--su-primary);
  --nc-ink: var(--su-text);
  --nc-muted: var(--su-text-muted);
  --nc-line: var(--su-border);
  --nh-green: var(--su-primary);
  --nh-green-dark: var(--su-primary-hover);
  --nh-sage: var(--su-primary-soft);
  --nh-hero-tint: var(--su-hero-tint);
  --nh-ink: var(--su-text);
  --nh-muted: var(--su-text-muted);
  --nh-line: var(--su-border);
  --nh-cream: var(--su-cream);
  --nh-home-1: var(--su-home-start);
  --nh-home-2: var(--su-home-end);
  --nh-garden-1: var(--su-garden-start);
  --nh-garden-2: var(--su-garden-end);
  --nh-hobby-1: var(--su-hobby-start);
  --nh-hobby-2: var(--su-hobby-end);
}
body { background:var(--su-surface); color:var(--su-text); }
.su-commerce { --primary:var(--su-primary); }
.su-button:hover:not(:disabled), .su-detail-actions .nc-buy:hover { background:var(--su-primary-hover); }
.su-site .su-in-stock { color:var(--su-success); }
.su-preview-banner { background:var(--su-warm); color:var(--su-text); padding:8px 20px; font:14px Arial; text-align:center; }
.su-footer, .nc-footer { background:var(--su-primary-hover); color:var(--su-on-primary); }
.su-footer { padding:30px 24px; border-radius:18px 18px 0 0; }
.su-footer strong, .su-footer a, .nc-footer a { color:var(--su-on-primary); }
.su-footer span, .nc-footer span { color:var(--su-footer-text); }
.su-footer a:hover, .nc-footer a:hover { color:var(--su-accent-light); }
/* Category imagery is retained, with the same tints as the home page. */
.nc-category-hero--garden { background-image:linear-gradient(90deg,var(--su-garden-start) 0%,var(--su-garden-start) 39%,transparent 100%),url('/upload/shopudachi_new/shopudachi-garden.webp'); }
.nc-category-hero--home { background-image:linear-gradient(90deg,var(--su-home-start) 0%,var(--su-home-start) 39%,transparent 100%),url('/upload/shopudachi_new/shopudachi-home.webp'); }
.nc-category-hero--puzzles { background-image:linear-gradient(90deg,var(--su-hobby-start) 0%,var(--su-hobby-start) 39%,transparent 100%),url('/upload/shopudachi_new/shopudachi-puzzles.webp'); }
.nc-category-hero--hobby { background-image:linear-gradient(90deg,var(--su-hobby-start) 0%,var(--su-hobby-start) 39%,transparent 100%),url('/upload/shopudachi_new/shopudachi-hobby.webp'); }
.nc-category-hero--mosaic { background-image:linear-gradient(90deg,var(--su-hobby-start) 0%,var(--su-hobby-start) 39%,transparent 100%),url('/upload/shopudachi_new/shopudachi-diamond-mosaic.webp'); }

/* Shared translucent effects and neutral component colours. */
:root{
  --su-tone-27452c14: #27452c14;
  --su-tone-fffffff0: #fffffff0;
  --su-effect-65e76376: rgba(43,61,47,.08);
  --su-effect-66e2518f: rgba(255,255,255,.8);
  --su-effect-e9a0860c: rgba(250,245,235,.98);
  --su-effect-bcb7a7da: rgba(250,245,235,.92);
  --su-effect-d759593e: rgba(250,245,235,.26);
  --su-effect-c93e78d0: rgba(239,246,236,.98);
  --su-effect-cf6d6246: rgba(239,246,236,.92);
  --su-effect-07c03c32: rgba(239,246,236,.25);
  --su-effect-dfd882dc: rgba(248,241,230,.98);
  --su-effect-a42592e9: rgba(248,241,230,.92);
  --su-effect-9621c774: rgba(248,241,230,.25);
  --su-effect-6f291692: rgba(250,242,247,.98);
  --su-effect-e2191ac2: rgba(250,242,247,.92);
  --su-effect-506f25ce: rgba(250,242,247,.23);
  --su-effect-d02703df: rgba(246,239,245,.98);
  --su-effect-00a30f13: rgba(246,239,245,.92);
  --su-effect-38c30325: rgba(246,239,245,.25);
  --su-effect-8440e635: rgba(255,255,255,.94);
  --su-effect-08f25b72: rgba(255,255,255,.68);
  --su-effect-28e9e123: rgba(255,255,255,.16);
  --su-effect-5b89afbc: rgba(255, 255, 255, 0.2);
  --su-effect-9415a0f9: rgba(0, 0, 0, 0.08);
  --su-effect-93241103: rgba(0, 0, 0, 0.075);
  --su-effect-de925dd3: rgb(0, 131, 209);
  --su-effect-45b1f1eb: rgb(1, 96, 152);
  --su-effect-65474870: rgb(255, 102, 0);
  --su-effect-a0b514f1: rgba(0, 0, 0, 0);
  --su-effect-15751775: rgba(255, 234, 148, 0.42);
  --su-effect-9d45e35e: rgba(0,0,0,0.0);
  --su-effect-713e8079: rgba(0,0,0,0.1);
  --su-effect-0309bfa6: rgba(0,0,0,0.3);
  --su-effect-957f005c: rgba(0, 0, 0, .05);
  --su-tone-151b17: var(--su-text);
  --su-tone-f6f8f5: var(--su-surface);
  --su-tone-f3f6f2: var(--su-primary-soft);
  --su-tone-e8ece8: var(--su-border);
  --su-tone-f6f8f6: var(--su-surface);
  --su-tone-4b554e: var(--su-text-secondary);
  --su-tone-ccd5ce: var(--su-border);
  --su-tone-152019: var(--su-text);
  --su-tone-405145: var(--su-text-secondary);
  --su-tone-cfd9cf: var(--su-border);
  --su-tone-edf0e5: var(--su-primary-soft);
  --su-tone-435047: var(--su-text-secondary);
  --su-tone-f5e7df: var(--su-orange-soft);
  --su-tone-eee4ed: var(--su-hobby-start);
  --su-tone-fffcf4: var(--su-cream);
  --su-tone-4e5c51: var(--su-text-secondary);
  --su-tone-f5f5f2: var(--su-surface);
  --su-tone-3f5745: var(--su-text-secondary);
  --su-tone-526056: var(--su-text-secondary);
  --su-tone-1f3325: var(--su-text);
  --su-tone-e8efe9: var(--su-primary-soft);
  --su-tone-b9c7bc: var(--su-border-strong);
  --su-effect-5e8bce57: rgba(255,255,255,.96);
  --su-effect-5509e7de: rgba(29,49,35,.18);
  --su-effect-f80a1c7b: rgba(0,0,0,.08);
  --su-effect-14036e53: rgba(54,78,59,.08);
  --su-effect-abbd5609: rgba(219,229,219,.92);
  --su-effect-822f8621: rgba(255,255,255,.9);
  --su-effect-b32e9b25: rgba(52,83,59,.14);
  --su-effect-2ae7cae9: rgba(40,40,30,.08);
  --su-effect-3476fcae: rgba(40,40,30,.2);
  --su-effect-8e9a7786: rgba(36,62,43,.12);
  --su-effect-e28478e8: rgba(255,255,255,.7);
  --su-effect-2726a8e3: rgba(35,63,43,.11);
  --su-effect-4fdc07be: rgba(255,255,255,.92);
  --su-effect-3b07bdde: rgba(57,84,62,.1);
  --su-effect-ca4b9eee: rgba(33,61,41,.16);
  --su-effect-78bef714: rgba(25,112,185,.08);
  --su-tone-b58b0026: #b58b0026;
}

:root{--su-shadow-popover:rgba(23,43,60,.13);--su-effect-de925dd3:var(--su-primary);--su-effect-45b1f1eb:var(--su-primary-hover);--su-effect-65474870:var(--su-orange)}

/* Loading indicator colours. */
:root{--su-loader-track:rgba(255,255,255,.34);--su-loader-shadow:0 8px 30px rgba(23,43,60,.2)}

/* Custom photo puzzles: uses the same shared palette as the catalog. */
.nc-category-hero-copy .nc-photo-puzzle{align-self:flex-start;max-width:100%;margin-bottom:14px;padding:9px 14px;border:1px solid var(--su-primary);border-radius:999px;background:var(--su-surface);color:var(--su-primary);font:700 14px/1.4 Arial,sans-serif;text-decoration:none;transition:background .2s,color .2s}
.nc-category-hero-copy .nc-photo-puzzle:hover{background:var(--su-primary);color:var(--su-on-primary)}
.nc-category-hero-copy .nc-photo-puzzle:focus-visible{outline:3px solid var(--su-primary);outline-offset:4px}

/* Extra product information is shown only in list view. */
.nc-card-specs{display:none}
.nc-products--list .nc-card-specs{display:grid;gap:9px;margin:4px 0 24px;font:15px/1.5 Arial,sans-serif}
.nc-card-specs>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px}
.nc-card-specs dt{color:var(--su-text-muted);font-weight:400}
.nc-card-specs dd{margin:0;color:var(--su-text);overflow-wrap:anywhere}
@media(max-width:640px){.nc-products--list .nc-card-specs{font-size:14px;gap:7px;margin:6px 0 18px}.nc-card-specs>div{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:10px}}

/* Photo puzzle component: colours shared with the rest of v2. */
:root{--su-photo-backdrop:rgba(23,43,60,.7);
--su-photo-d56b00:#d56b00;
--su-photo-586b7b:#586b7b;
--su-photo-94bdd8:#94bdd8;
--su-photo-f6fbff:#f6fbff;
--su-photo-e6f5ff:#e6f5ff;
--su-photo-1484ca:#1484ca;
--su-photo-5a6c7a:#5a6c7a;
--su-photo-bf2b2b:#bf2b2b;
--su-photo-247dbd:#247dbd;
--su-photo-126eaf:#126eaf;
--su-photo-187dc0:#187dc0;
--su-photo-687b89:#687b89;
--su-photo-e8eef2:#e8eef2;
--su-photo-17100c:#17100c;
--su-photo-3f291c:#3f291c;
--su-photo-503322:#503322;
--su-photo-352117:#352117;
--su-photo-21130e:#21130e;
--su-photo-160c08:#160c08;
--su-photo-5b6e7d:#5b6e7d;
--su-photo-1680c6:#1680c6;
--su-photo-f4faff:#f4faff;
--su-photo-b9c9d6:#b9c9d6;
--su-photo-e7c99e:#e7c99e;
--su-photo-fff8ed:#fff8ed;
--su-photo-eef3f6:#eef3f6;
--su-photo-9aabba:#9aabba;
--su-photo-536574:#536574;
--su-photo-b6c4cd:#b6c4cd;
--su-photo-617788:#617788;
--su-photo-fff9eb:#fff9eb;
--su-photo-e1c985:#e1c985;
--su-photo-f7f7f7:#f7f7f7;
--su-photo-cbbd93:#cbbd93;
--su-photo-bdcfab:#bdcfab;
--su-photo-eff8e9:#eff8e9;
--su-photo-486733:#486733;
--su-photo-f7f3e7:#f7f3e7;
--su-photo-59636b:#59636b;
--su-photo-e4d9bb:#e4d9bb;
--su-photo-1f6da9:#1f6da9;
--su-photo-1f7fba:#1f7fba;
--su-photo-a9bac8:#a9bac8;
--su-photo-1778bb:#1778bb;
--su-photo-ad6700:#ad6700;
--su-photo-35536c:#35536c;
--su-photo-607384:#607384;
--su-photo-282828:#282828;
--su-photo-333:#333;
--su-photo-fe9b00:#fe9b00;
--su-photo-e88e00:#e88e00;
--su-photo-c87300:#c87300;
--su-photo-e88d00:#e88d00;
--su-photo-f0cf9a:#f0cf9a;
--su-photo-ececec:#ececec;
--su-photo-e4e4e4:#e4e4e4;
--su-photo-fffaf2:#fffaf2;
--su-photo-f1a33a:#f1a33a;
--su-photo-4b4b4b:#4b4b4b;
--su-photo-fff4e1:#fff4e1;
--su-photo-171717:#171717;
--su-photo-737373:#737373;
--su-photo-fff5e5:#fff5e5;
--su-photo-f6f6f6:#f6f6f6;
--su-photo-303030:#303030;
--su-photo-222:#222;
--su-photo-d8d8d8:#d8d8d8;
--su-photo-dedede:#dedede;
--su-photo-666:#666;
--su-photo-e5e5e5:#e5e5e5;
--su-photo-6b6b6b:#6b6b6b;
--su-photo-b32929:#b32929;
--su-photo-f0d9ae:#f0d9ae;
--su-photo-555:#555;
--su-photo-777:#777;
--su-photo-eeeeee:#eeeeee;
--su-photo-fffdf8:#fffdf8;
--su-photo-eee2cf:#eee2cf;
--su-photo-dfd2bd:#dfd2bd;
--su-photo-d9e1e7:#d9e1e7;
--su-photo-f5f8fa:#f5f8fa;
--su-photo-253746:#253746;
--su-photo-e5e9ec:#e5e9ec;
--su-photo-1c72a6:#1c72a6;
--su-photo-e87916:#e87916;
--su-photo-cbd5dd:#cbd5dd;
--su-photo-42596a:#42596a;
--su-photo-126c91:#126c91;
--su-photo-fff0df:#fff0df;
--su-photo-713b13:#713b13;
--su-photo-c62828:#c62828;
}
.su-photo-page{padding-top:8px}.su-site .puzzle-order-shop a{color:var(--su-primary)}.su-site .puzzle-order-shop .puzzle-order-start a{color:var(--su-on-primary)}