/* Mobile-first ordering studio: one continuous form and a compact estimate. */
body.front-body[data-page="art-toys"] main.front-main { max-width: 1240px!important; padding: 24px 16px!important; }
.art-toy-page { --toy-accent:#7135d5; --toy-ink:#17233d; --toy-muted:#526174; --toy-line:#e7dfea; }
.toy-studio-heading { margin-bottom:20px; }
.toy-studio-heading h1 { font-size:clamp(26px,3vw,38px); line-height:1.5; margin:0; font-weight:800; }
.toy-studio-heading h1 span { display:inline; }
.toy-studio-heading h1 span:first-child { color:#e9a52d; }
.toy-studio-heading h1 span:last-child { color:#36967e; }
.toy-studio-heading p { color:var(--toy-muted); font-size:15px; margin:8px 0 0; }
.art-toy-page .toy-studio-steps { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 24px!important; }
.toy-studio-steps a { display:flex; align-items:center; gap:8px; min-height:44px; padding:8px 12px; border:1px solid var(--toy-line); border-radius:12px; color:var(--toy-ink); text-decoration:none; background:#fff; font-size:14px; font-weight:650; }
.toy-studio-steps b { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:#eee8fa; color:var(--toy-accent); }
.toy-studio-steps>span { display:none; }
.toy-studio-steps a { border:0; background:transparent; padding:8px 12px 8px 4px; }
.toy-studio-steps b { width:36px; height:36px; font-size:18px; border:1px solid #d9cdef; }
.toy-studio-steps a:first-child { border:1px solid var(--toy-accent); border-radius:30px; background:#fff; }
.toy-studio-steps a:first-child b { color:#fff; background:var(--toy-accent); }
.art-toy-page .toy-workspace { display:grid; grid-template-columns:minmax(0,1fr); gap:20px; align-items:start; }
.art-toy-page .toy-builder { padding:0!important; border:0; background:transparent; box-shadow:none; min-width:0; }
.art-toy-page .toy-form-panel { background:#fff; border:1px solid var(--toy-line); border-radius:18px; padding:20px; margin:0 0 20px; }
.front-body .art-toy-page #toy-details, .front-body .art-toy-page #toy-specs { display:block!important; }
.art-toy-page .toy-form-heading { display:flex; align-items:center; gap:10px; font-size:20px; line-height:1.5; font-weight:750; margin:0 0 20px; }
.toy-form-heading span { display:grid; place-items:center; width:32px; height:32px; border-radius:10px; background:#eee8fa; color:var(--toy-accent); flex:none; }
.art-toy-page .form-label { font-size:14px; font-weight:650; }
.art-toy-page :is(.form-control,.form-select) { min-height:46px; font-size:16px; border-color:#cdd5e1; }
.art-toy-page .toy-reference { margin:20px 0 0; padding:0; border:0; }
.art-toy-page .toy-reference legend { float:none; font-size:16px; font-weight:700; margin-bottom:8px; }
.art-toy-page .toy-reference legend span { display:block; font-size:13px; font-weight:400; color:var(--toy-muted); }
.art-toy-page #toy-upload-help { font-size:14px; line-height:1.7; }
.art-toy-page .toy-photo-tips { display:none; }
.front-body .art-toy-page .toy-reference .toy-uploads { grid-template-columns:minmax(0,1fr)!important; gap:12px; }
.art-toy-page .toy-upload-card { min-height:0; padding:16px; border-radius:12px; }
.art-toy-page .toy-upload-visual { position:relative; display:block; height:180px; flex:0 0 180px; overflow:hidden; margin:8px 0; }
.art-toy-page .toy-upload-title label { font-size:15px; }
.art-toy-page .toy-upload-hint { min-height:44px; font-size:13px; line-height:1.6; margin:8px 0 12px; }
.art-toy-page .toy-upload-trigger { min-height:44px; font-size:14px; padding:10px; }
.art-toy-page .toy-upload-trigger small, .art-toy-page .toy-file-status { font-size:12px; }
.art-toy-page .toy-remove { min-height:44px; font-size:14px; }
.art-toy-page .toy-preview { height:140px; }
.front-body .art-toy-page .toy-studio-package { grid-column:auto!important; grid-row:auto!important; margin-bottom:24px; }
.toy-studio-package>h3 { font-size:20px; font-weight:750; margin:0 0 8px; }
.toy-package-intro { color:var(--toy-muted); font-size:14px; line-height:1.7; margin-bottom:16px; }
.front-body .art-toy-page .toy-packages { grid-template-columns:minmax(0,1fr)!important; gap:12px; margin:0; }
.art-toy-page .toy-package-card { padding:18px!important; text-align:center; border-radius:16px!important; box-shadow:none; }
.art-toy-page .toy-package-card.is-selected { border-color:#f47724!important; background:#fffaf6; box-shadow:0 0 0 1px #f4772420; }
.art-toy-page .toy-package-number { font-size:12px; color:var(--toy-accent); font-weight:700; }
.art-toy-page .toy-package-card h2 { font-size:20px; margin:8px 0 12px!important; }
.art-toy-page .toy-package-card h2::before { content:'✦'; display:block; color:#ffc440; font-size:36px; margin:4px 0 10px; }
.art-toy-page .toy-upload-card { border:1px dashed #ac8bdf; background:linear-gradient(135deg,#fff,#fbf8ff); }
.art-toy-page .toy-upload-trigger { background:#f2eaff; color:#6231b2; }
.art-toy-page .toy-upload-badge { color:#6231b2; background:#f0e8fc; }
.art-toy-page .is-required .toy-upload-badge { background:var(--toy-accent); color:white; }
.art-toy-page .toy-cartoon { position:absolute; top:0; left:50%; transform:translateX(-50%); width:135px; max-width:100%; height:180px; aspect-ratio:auto; margin:0; background-image:url('images/art-toy-angles.png'); background-size:400% 100%; background-repeat:no-repeat; }
.toy-cartoon-front { background-position:0% 50%; }
.toy-cartoon-side { background-position:33.333% 50%; }
.toy-cartoon-top { background-position:66.667% 50%; }
.toy-cartoon-iso { background-position:100% 50%; }
.art-toy-page .toy-upload-trigger { background:transparent; padding:0 4px 8px; font-size:15px; font-weight:700; margin-top:0; text-align:center; width:100%; line-height:1.6; }
.art-toy-page .toy-upload-trigger>span { display:grid; place-items:center; width:46px; height:46px; border:2px solid #fff; border-radius:50%; background:var(--toy-accent); color:#fff; font-size:28px; box-shadow:0 4px 12px #7135d530; }
.art-toy-page .toy-upload-trigger small { color:var(--toy-muted); font-size:13px; }
.art-toy-page .toy-upload-card { transition:border-color .18s ease,background-color .18s ease; }
.art-toy-page .toy-upload-card:hover { border-color:var(--toy-accent); }
.art-toy-page .toy-upload-hint { text-align:center; }
.art-toy-page .toy-upload-card.has-photo .toy-upload-visual { display:none; }
.art-toy-page .toy-package-description { font-size:14px; line-height:1.7; margin-bottom:16px; }
.art-toy-page .toy-packages dl { display:grid; grid-template-columns:90px minmax(0,1fr); gap:8px 10px; font-size:13px; line-height:1.6; margin-bottom:16px; }
.art-toy-page .toy-packages dt { color:var(--toy-muted); font-weight:500; }
.art-toy-page .toy-packages dd { margin:0; overflow-wrap:anywhere; }
.art-toy-page .toy-package-price { margin-top:auto; padding:14px 0; border-top:1px solid var(--toy-line); }
.art-toy-page .toy-package-price strong { font-size:26px; color:var(--toy-accent); }
.art-toy-page .toy-package-price small { font-size:12px; line-height:1.7; }
.art-toy-page .toy-pick { min-height:46px; font-size:14px; }
.art-toy-page .toy-pick[aria-pressed="true"] { background:var(--toy-accent)!important; border-color:var(--toy-accent)!important; color:#fff!important; }
.toy-style-selector { border:0; padding:0; margin-bottom:20px; }
.toy-style-selector legend { float:none; font-size:15px; font-weight:650; }
.toy-style-selector>div { display:flex; flex-wrap:wrap; gap:8px; }
.toy-style-selector button { min-height:44px; padding:8px 12px; border:1px solid #cdd5e1; border-radius:10px; background:#fff; color:var(--toy-ink); }
.toy-style-selector button[aria-pressed="true"] { color:var(--toy-accent); border-color:var(--toy-accent); background:#f4effd; }
.art-toy-page #toy-height-help { font-size:13px; margin:0 0 20px; line-height:1.7; }
.art-toy-page #toy-package, .art-toy-page label[for="toy-package"] { display:none; }
.toy-stepper { display:flex; overflow:hidden; border:1px solid #cdd5e1; border-radius:10px; }
.toy-stepper button { border:0; width:44px; min-height:46px; flex:none; background:#f4effd; color:var(--toy-accent); font-size:24px; }
.art-toy-page .toy-stepper input { min-width:0; text-align:center; border:0; border-radius:0; }
.toy-checkout-title { display:none; }
.art-toy-page .request-preparation { padding:14px; background:#f6f8fc; border-radius:12px; margin-bottom:20px; font-size:14px; }
.art-toy-page .request-preparation p { margin:6px 0 0; line-height:1.7; }
.art-toy-page .toy-submit-actions { display:flex; flex-direction:column; gap:10px; margin-top:20px; }
.art-toy-page .toy-summary { display:block; position:static; padding:22px!important; border-radius:18px; background:#f8f6fd; min-width:0; max-height:none; overflow:visible; }
.art-toy-page .toy-live-specs { font-size:14px; line-height:1.7; }
.art-toy-page .toy-total { font-size:36px; color:var(--toy-accent); }
.art-toy-page .toy-total small { font-size:13px; }
.art-toy-page .btn { transition:background-color .18s ease,border-color .18s ease; }
@media(min-width:600px) {
 .front-body .art-toy-page .toy-reference .toy-uploads, .front-body .art-toy-page .toy-packages { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
 .art-toy-page .toy-form-panel { padding:24px; }
 .art-toy-page .toy-submit-actions { flex-direction:row; flex-wrap:wrap; }
 .art-toy-page .toy-submit-actions>* { flex:1; }
}
@media(min-width:1100px) {
 .front-body .art-toy-page .toy-reference .toy-uploads { grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr))!important; }
 .art-toy-page .toy-upload-card { padding:16px; display:grid; grid-template-rows:32px 180px 52px auto 24px; align-content:start; gap:8px; }
 .art-toy-page .toy-upload-title { margin:0; }
 .art-toy-page .toy-upload-visual { height:180px; margin:0; }
 .art-toy-page .toy-upload-hint { margin:0; min-height:0; }
 .art-toy-page .toy-file-status { align-self:end; margin:0; }
 .art-toy-page .toy-upload-card.has-photo { display:flex; }
 .art-toy-page .toy-workspace { grid-template-columns:minmax(0,1fr); }
 .art-toy-page .toy-summary { position:static; max-height:none; overflow:visible; }
}
@media(prefers-reduced-motion:reduce) { .art-toy-page .btn { transition:none; } }

/* Warm custom-toy storefront, matching the cream and orange service pages. */
body.front-body[data-page="art-toys"]{background:#fffcfa}
body.front-body[data-page="art-toys"] main.front-main{max-width:1440px!important;padding:30px 30px 56px!important}
.front-body .art-toy-page{--toy-accent:#c74710;--toy-ink:#09132d;--toy-muted:#786354;--toy-line:#eddfd3}
.art-toy-page .toy-studio-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:0;overflow:hidden;border:1px solid #f0ded0;border-radius:24px;background:linear-gradient(115deg,#fff0e4,#fffaf6);margin-bottom:22px}
.toy-studio-heading-copy{padding:36px;align-self:center}
.toy-studio-kicker{display:block;color:#ad3d10;font-size:11px;letter-spacing:.12em;font-weight:800;margin-bottom:14px}
.art-toy-page .toy-studio-heading h1{font-size:clamp(28px,3.2vw,44px);line-height:1.4;letter-spacing:-.6px}
.toy-studio-heading h1 em{color:#c74710;font-style:normal}
.art-toy-page .toy-studio-heading p{font-size:14px;line-height:1.9;margin:14px 0 20px;max-width:52ch}
.toy-studio-note{display:block;color:var(--toy-muted);font-size:12px;margin-top:12px}
.toy-studio-heading-art{margin:0;position:relative;min-width:0;background:#fff2e4}
.toy-studio-heading-art img{display:block;width:100%;height:100%;max-height:450px;object-fit:cover}
.toy-studio-heading-art figcaption{position:absolute;bottom:12px;left:14px;right:14px;border-radius:9px;padding:8px 10px;background:#fffaf4eb;color:#786354;font-size:10px;line-height:1.6;text-align:center}
.art-toy-page .toy-studio-steps{gap:12px;padding:12px;border:1px solid var(--toy-line);border-radius:18px;background:#fffaf6}
.art-toy-page .toy-studio-steps a{flex:1;min-width:180px;border-radius:12px;border:1px solid transparent;padding:10px 12px}
.art-toy-page .toy-studio-steps a:first-child{border-color:#e9c3a8;background:#fff}
.art-toy-page .toy-studio-steps b,.art-toy-page .toy-form-heading span{background:#ffede0;color:#a6380c;border-color:#e9c3a8}
.art-toy-page .toy-studio-steps a:first-child b{background:#c74710;color:#fff}
.art-toy-page .toy-form-panel{border-radius:20px;box-shadow:0 6px 24px #5d331706}
.art-toy-page .toy-package-card{border-color:var(--toy-line)!important;background:linear-gradient(155deg,#fff,#fffcf9)}
.art-toy-page .toy-package-card.is-selected{border-color:#c74710!important;background:#fff4ea;box-shadow:0 0 0 1px #c7471026}
.art-toy-page .toy-package-card h2::before{color:#d96b28}
.art-toy-page :is(.form-control,.form-select){border-color:#dfcfc2;border-radius:10px}
.front-body .art-toy-page .toy-workspace :is(.form-control,.form-select):focus{border-color:#c74710;box-shadow:0 0 0 3px #c747101c}
.art-toy-page .toy-style-selector button,.art-toy-page .toy-stepper{border-color:#dfcfc2}
.art-toy-page .toy-style-selector button[aria-pressed="true"],.art-toy-page .toy-stepper button{background:#fff0e4;color:#a6380c;border-color:#c74710}
.front-body .art-toy-page .toy-upload-card{border-color:#dfbea7;background:linear-gradient(145deg,#fff,#fff8f1)}
.front-body .art-toy-page .toy-upload-card.is-required{border-color:#c74710}
.art-toy-page .toy-upload-card:hover{border-color:#c74710}
.art-toy-page .toy-upload-badge{color:#a6380c;background:#ffede0}
.front-body .art-toy-page .is-required .toy-upload-badge{background:#c74710;color:#fff}
.front-body .art-toy-page .toy-upload-trigger{background:transparent;color:#a6380c}
.art-toy-page .toy-upload-trigger>span{background:#c74710;box-shadow:0 4px 12px #c7471026}
.front-body .art-toy-page .toy-upload-login,.art-toy-page .request-preparation,.art-toy-page .toy-summary #toy-message{background:#fff1e5;color:#786354}
.art-toy-page .toy-summary{border-color:#eddfd3;border-radius:20px;background:linear-gradient(145deg,#fff,#fff4ea);box-shadow:0 6px 24px #5d331708}
.art-toy-page .btn-primary,.art-toy-page .toy-pick[aria-pressed="true"]{background:#c74710!important;border-color:#c74710!important;color:#fff!important;box-shadow:0 4px 12px #c7471014}
.art-toy-page .btn-primary:hover{background:#a9370b!important;border-color:#a9370b!important}
.art-toy-page .btn-outline-primary{background:#fffaf6!important;border-color:#dfb89c!important;color:#a6380c!important}
.art-toy-page .btn-outline-primary:hover{background:#ffede0!important;border-color:#c74710!important}
.art-toy-page .toy-summary>a{color:#a6380c!important}
.art-toy-page .toy-submit-actions .btn:disabled{background:#f1e9e2!important;border-color:#e7d9cd!important;color:#8c7c70!important;box-shadow:none}
.art-toy-page .toy-summary .text-secondary{color:#786354!important;line-height:1.8}
@media(max-width:760px){body.front-body[data-page="art-toys"] main.front-main{padding:18px 14px 36px!important}.art-toy-page .toy-studio-heading{grid-template-columns:1fr;border-radius:20px}.toy-studio-heading-copy{padding:26px 22px}.art-toy-page .toy-studio-heading h1{font-size:32px}.toy-studio-heading-art img{max-height:310px;object-position:center 55%}.art-toy-page .toy-studio-steps{gap:4px;padding:8px}.art-toy-page .toy-studio-steps a{min-width:100%;font-size:13px}.art-toy-page .toy-form-panel{padding:18px}.toy-studio-kicker{font-size:10px}}