/* Clear routes to the collection, with the brand's graffiti lettering intact. */
.graffiti-theme .header nav{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;gap:4px 8px;padding-bottom:8px}
.graffiti-theme .header nav a{flex:0 0 auto;white-space:nowrap;font-size:18px;min-height:44px;padding:9px 12px}
.hero-primary-actions{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 28px;width:100%;max-width:650px}
.graffiti-theme .hero-primary-actions .button{font-size:18px;min-height:56px;line-height:1.5;gap:18px;justify-content:center;text-align:center;padding:14px 18px;max-width:100%;flex:1 1 220px}
.graffiti-theme .hero-create-button{background:#112c39;border:2px solid #75e2ed;box-shadow:3px 4px 0 #060c12}
.graffiti-theme .hero-create-button:hover{background:#204657}
.hero-logo-link{color:#f7edc8;font-size:16px;line-height:1.65}
.hero-custom-services a{display:inline-block;text-underline-offset:4px}
.hero-custom-services a:hover{text-decoration:underline}
.graffiti-theme .hero .hero-custom-promo h2{font-size:clamp(30px,3vw,46px);margin-bottom:12px}
.graffiti-theme .hero-custom-intro,.graffiti-theme .hero-custom-occasions li{font-family:Arial,Helvetica,sans-serif!important}

/* A short, truthful explanation of the proof and quote process. */
.graffiti-theme .how-it-works{background:#101b24;color:#f6f0e3;max-width:none;border-bottom:1px solid #34515d;padding-top:44px;padding-bottom:42px}
.graffiti-theme .how-it-works .section-heading{margin-bottom:26px}
.graffiti-theme .how-it-works .eyebrow{color:#7edbe1}
.graffiti-theme .how-it-works h2{font-size:clamp(28px,3vw,42px)}
.creation-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0;margin:0;list-style:none}
.creation-steps>li{position:relative;padding:22px 24px 24px;border:1px solid #365562;border-top:3px solid #62cdd7;background:#14242e}
.creation-steps>li:nth-child(2){border-top-color:#e9b958}
.creation-steps>li:nth-child(3){border-top-color:#ee84b5}
.graffiti-theme .creation-steps .step-number{display:inline-block;font:700 14px/1.5 Arial,Helvetica,sans-serif!important;color:#8cdde4;letter-spacing:2px;margin-bottom:12px}
.graffiti-theme .creation-steps h3{font-size:23px;margin-bottom:12px;line-height:1.5}
.graffiti-theme .creation-steps p,.graffiti-theme .creation-steps strong,.graffiti-theme .proof-timing-note{font-family:Arial,Helvetica,sans-serif!important;font-size:16px;line-height:1.7;letter-spacing:0;color:#e2eaf0;-webkit-text-stroke:0;text-shadow:none}
.graffiti-theme .proof-timing-note{font-size:14px;margin-top:20px;color:#c2d6de;max-width:900px}

/* Search is always visible in a merchandise category; filters open on demand. */
.catalog-browse-tools{padding:20px;margin:0 0 16px;background:#13242e;border:1px solid #416775;border-radius:3px}
.graffiti-theme .catalog-browse-tools :is(label,input,select,option,summary,span){font-family:Arial,Helvetica,sans-serif!important;font-style:normal;letter-spacing:0;text-shadow:none;-webkit-text-stroke:0;-webkit-text-fill-color:currentColor}
.catalog-search-label{display:flex;flex-direction:column;gap:10px;color:#eaf6f9;font-size:15px;font-weight:700}
.graffiti-theme .catalog-browse-tools input,.graffiti-theme .catalog-browse-tools select{display:block;width:100%;max-width:none;min-width:0;min-height:48px;border:1px solid #718e9a;border-radius:3px;background:#fbfaf5;color:#10232e;font-size:16px;line-height:1.5;padding:11px 12px}
.graffiti-theme .catalog-browse-tools input::placeholder{font:400 16px/1.5 Arial,Helvetica,sans-serif;color:#54636b;opacity:1;text-shadow:none;-webkit-text-fill-color:#54636b}
.catalog-filters{border:0;margin-top:4px}
.graffiti-theme .catalog-filters>summary{padding:18px 30px 8px 0;color:#d7f6fb;font-size:16px;font-weight:700}
.catalog-filters>summary:after{top:13px;right:4px}
.graffiti-theme .catalog-filter-hint{font-size:13px;font-weight:400;color:#bdd0d7;margin-left:10px}
.catalog-filter-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:16px 0 2px}
.catalog-filter-fields>label{display:flex;flex-direction:column;gap:9px;min-width:0;color:#e9f0f3;font-size:14px;font-weight:700}
.catalog-browse-tools :is(input,select,summary):focus-visible{outline:3px solid #ffe36b;outline-offset:4px}

/* Readable practical details, beside the expressive branded headings. */
.graffiti-theme :is(.product-price,.product-price span,.cart-item-price,.cart-total,.cart-total span,.cart-notice,.product-fit-guide,.product-fit-guide p,.product-fit-guide li,.product-fit-guide strong,.product-fit-guide summary,.illustrative-preview figcaption,.catalog-footnote,.results-meta,.results-meta p){font-family:Arial,Helvetica,sans-serif!important;font-style:normal;letter-spacing:0;-webkit-text-stroke:0;text-shadow:none}
.graffiti-theme .product-price{font-size:16px;line-height:1.5;white-space:normal;min-width:85px}
.graffiti-theme .product-price span{font-size:13px;line-height:1.55}
.graffiti-theme .results-meta{font-size:14px;line-height:1.6;flex-wrap:wrap}
.graffiti-theme .catalog-footnote{font-size:14px;line-height:1.75}
.graffiti-theme .product-fit-guide{padding:12px 16px;margin:8px 0 20px;border:1px solid #667b7b;background:#f5f3e9;color:#172830}
.graffiti-theme .product-fit-guide summary{font-size:16px;font-weight:700;padding:8px 30px 8px 0;line-height:1.5;color:#172830}
.graffiti-theme .product-fit-guide summary:after{top:5px}
.graffiti-theme .product-fit-guide p,.graffiti-theme .product-fit-guide li{font-size:15px;line-height:1.75;color:#233740;padding-bottom:8px}
.product-fit-guide ul,.product-fit-guide ol{margin:8px 0;padding-left:22px}
.illustrative-preview{margin:18px 0;padding:18px;border:1px solid #3c5661;background:#162730}
.illustrative-preview img{max-height:400px;object-fit:contain;margin:auto}
.graffiti-theme .illustrative-preview figcaption{font-size:14px;line-height:1.65;color:#dae8ed;margin-top:12px}
.graffiti-theme .questions-intro{font:16px/1.8 Arial,Helvetica,sans-serif!important;max-width:34ch;margin-bottom:24px;color:inherit}
.questions-logo-link{display:block;width:fit-content;margin-top:22px}
.graffiti-theme .questions .accordion summary{font-family:Arial,Helvetica,sans-serif!important;font-weight:700;font-size:17px;line-height:1.6;letter-spacing:0;text-shadow:none;-webkit-text-stroke:0}
.graffiti-theme .questions .accordion p,.graffiti-theme .questions .accordion a{font-family:Arial,Helvetica,sans-serif!important;font-size:16px;line-height:1.8;letter-spacing:0;text-shadow:none;-webkit-text-stroke:0}
.questions .accordion p a{text-decoration:underline;text-underline-offset:4px}
.graffiti-theme .footer-top{gap:24px;flex-wrap:wrap}
.graffiti-theme .footer-top>a{font-size:16px;line-height:1.65}
@media(max-width:1050px){.catalog-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.creation-steps{gap:12px}.creation-steps>li{padding:18px}.graffiti-theme .creation-steps h3{font-size:21px}}
@media(max-width:720px){
 .graffiti-theme .header nav{flex-wrap:nowrap;gap:4px;padding-bottom:8px}
 .graffiti-theme .header nav a{font-size:17px;padding:9px 10px}
 .hero-primary-actions{gap:12px;margin-bottom:26px}
 .graffiti-theme .hero-primary-actions .button{flex:1 1 100%;font-size:18px}
 .creation-steps{grid-template-columns:1fr}
 .creation-steps>li{padding:20px 22px}
 .graffiti-theme .how-it-works{padding:34px 6%}
 .how-it-works .section-heading{align-items:flex-start;flex-direction:column}
 .catalog-browse-tools{padding:16px}
 .catalog-filter-fields{gap:16px 12px}
 .graffiti-theme .catalog-filter-hint{display:none}
 .graffiti-theme .questions .accordion summary{font-size:16px}
 .graffiti-theme .questions .accordion p{font-size:16px}
}
@media(max-width:420px){.catalog-filter-fields{grid-template-columns:1fr}.graffiti-theme .header nav a{font-size:16px}.graffiti-theme .product-price{font-size:14px;min-width:70px}}
@media(forced-colors:active){.catalog-browse-tools,.creation-steps>li,.product-fit-guide,.illustrative-preview{border-color:CanvasText}.graffiti-theme .hero-create-button{border-color:ButtonText}}
/* The detail page can be completed comfortably on a phone. */
.graffiti-theme .illustrative-preview :is(summary,p){font-family:Arial,Helvetica,sans-serif!important;letter-spacing:0;-webkit-text-stroke:0;text-shadow:none;color:#e4f0f4}
.graffiti-theme .illustrative-preview summary{font-size:16px;line-height:1.5;font-weight:700;padding:8px 30px 8px 0}
.graffiti-theme .illustrative-preview summary:after{top:5px}
.illustrative-preview svg{display:block;width:100%;height:auto;max-width:340px;margin:14px auto;fill:none;stroke:none}
.graffiti-theme .illustrative-preview p{font-size:14px;line-height:1.75;padding:0;margin:12px 0 0}
.product-quote-form{display:grid;gap:16px;margin:24px 0;padding:22px;background:#f3f5ed;border:2px solid #768e83;border-radius:3px;min-width:0}
.graffiti-theme .product-quote-form h3{font-size:23px;line-height:1.5;margin:0}
.graffiti-theme .product-quote-form :is(label,input,p){font-family:Arial,Helvetica,sans-serif!important;font-style:normal;letter-spacing:0;-webkit-text-stroke:0;text-shadow:none;-webkit-text-fill-color:currentColor;color:#18333b}
.product-quote-form label{display:flex;flex-direction:column;gap:9px;min-width:0;font-weight:700;font-size:16px;line-height:1.5}
.graffiti-theme .product-quote-form input{display:block;width:100%;max-width:none;min-width:0;min-height:48px;background:#fff;border:1px solid #718e83;border-radius:2px;padding:11px 12px;font-size:16px;line-height:1.5}
.graffiti-theme .product-quote-form p{font-size:14px;line-height:1.75;margin:0;padding:0}
.product-quote-form .button{width:100%;justify-content:center;gap:12px}
.product-quote-form #product-quote-status:empty{display:none}
.product-quote-form #product-quote-status{font-weight:700}
.graffiti-theme .detail-info :is(.detail-price,.detail-price span,.detail-price small,.fit-note,.option-button,.color-option,.option-group legend){font-family:Arial,Helvetica,sans-serif!important;font-style:normal;letter-spacing:0;text-shadow:none;-webkit-text-stroke:0;-webkit-text-fill-color:currentColor}
.graffiti-theme .detail-info .detail-price{font-size:22px;line-height:1.4}
.graffiti-theme .detail-info .detail-price small{display:block;font-size:14px;line-height:1.65;margin-top:8px}
.catalog-load-more{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 0 12px;text-align:center}
.graffiti-theme .catalog-load-more p{font:16px/1.6 Arial,Helvetica,sans-serif!important}
.catalog-load-more .button{justify-content:center;max-width:100%}
@media(max-width:520px){.product-quote-form{padding:18px;gap:14px}.graffiti-theme .product-quote-form h3{font-size:21px}.illustrative-preview{padding:14px}.product-fit-guide{padding:12px}}
.graffiti-theme .how-it-works .section-heading .eyebrow{background:none;padding:0;color:#7edbe1;transform:none}
.graffiti-theme .detail-info :is(input,select,textarea,option,.required-note,.design-request>label,.design-request>label span,#design-help,#design-count){font-family:Arial,Helvetica,sans-serif!important;letter-spacing:0;-webkit-text-stroke:0;text-shadow:none}
.graffiti-theme .detail-info .option-button{font-size:16px;font-weight:700;min-height:46px;line-height:1.5}
.graffiti-theme .detail-info .product-color-select{font-size:16px;max-width:100%;width:100%;min-height:48px}
.graffiti-theme .preview-bar,.graffiti-theme .preview-bar span{font-family:Arial,Helvetica,sans-serif!important;font-size:12px;line-height:1.6}
@media(max-width:520px){.graffiti-theme .preview-bar{font-size:11px}.graffiti-theme .preview-bar span{padding:0 5px}}

.graffiti-theme .product-quote-form h3{color:#18333b;-webkit-text-fill-color:#18333b;text-shadow:none;-webkit-text-stroke:0}
.graffiti-theme .studio-quality-warning{padding:12px 16px;border-left:3px solid #e8bb57;background:#302719;color:#ffebba;font-family:Arial,Helvetica,sans-serif!important;font-size:14px;line-height:1.6;text-shadow:none;-webkit-text-stroke:0}
