.om-shop-tomatodos{background:#e9eef0;padding:90px max(28px,calc((100vw - 1320px)/2)) 110px}
.om-shop-tomatodos-head{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:50px;margin-bottom:40px}
.om-shop-tomatodos-head h2{font:600 clamp(48px,6vw,90px)/.97 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:12px 0 0}
.om-shop-tomatodos-head h2 em{font-style:normal;color:#168bad}
.om-shop-tomatodos-head>p{max-width:490px;color:#526368;line-height:1.5;font-size:17px}
.om-shop-tomatodos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.om-shop-card{background:#fff;min-width:0;display:flex;flex-direction:column}
.om-shop-card-image{height:330px;background:#f8faf8;position:relative;overflow:hidden}
.om-shop-card-image img{width:100%;height:100%;object-fit:contain;display:block}
.om-shop-card-image span{position:absolute;left:14px;top:14px;padding:6px 8px;background:#fff;font:700 9px 'DM Sans',sans-serif;letter-spacing:.1em}
.om-shop-card-info{padding:18px 19px 20px;display:flex;flex-direction:column;flex:1}
.om-shop-card-info>p:first-child{color:#168bad;font:700 10px 'DM Sans',sans-serif;letter-spacing:.13em;margin:0}
.om-shop-card h3{font:600 clamp(23px,2vw,30px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin:10px 0 6px}
.om-shop-card-info>p:nth-of-type(2){color:#617276;font-size:12px;margin:0 0 24px}
.om-shop-card-info>div{margin-top:auto;border-top:1px solid #dbe2e3;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.om-shop-card strong{white-space:nowrap;font:700 17px 'Space Grotesk',sans-serif}
.om-shop-open,.om-shop-submit{border:0;background:#101316;color:#fff;padding:12px 15px;font:700 11px 'DM Sans',sans-serif;cursor:pointer}
.om-shop-open:hover,.om-shop-submit:hover{background:#168bad}
.om-shop-tomatodos-note{font:400 12px/1.6 'DM Sans',sans-serif;color:#53696e;max-width:920px;margin:25px 0 0}
.om-shop-tomatodos-note a{color:#126d88}
.om-shop-dialog{border:0;padding:0;width:min(1000px,calc(100vw - 24px));max-height:min(94dvh,950px);background:#f6f7f4;color:#101316;overflow:auto;box-shadow:0 20px 90px #0008}
.om-shop-dialog::backdrop{background:#101316bd}
.om-shop-dialog-head{padding:27px 34px 20px;display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid #cbd4d4}
.om-shop-dialog-head span{font:700 10px 'DM Sans',sans-serif;letter-spacing:.15em;color:#168bad}
.om-shop-dialog-head h2{font:600 clamp(30px,4vw,53px)/1 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:9px 0 0}
.om-shop-close{width:42px;height:42px;flex:none;background:transparent;border:1px solid #101316;font-size:27px;cursor:pointer}
.om-shop-dialog-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.om-shop-visual{padding:32px;position:sticky;top:0;align-self:start;background:#ecf0ed}
.om-shop-photo-stage{position:relative;width:100%;aspect-ratio:1;background:#f8f8f5;overflow:hidden;container-type:inline-size;--zone-left:39%;--zone-top:40%;--zone-width:20%;--zone-height:39%}
.om-shop-photo-stage[data-model=portable-650]{--zone-left:39%;--zone-top:31%;--zone-width:20%;--zone-height:43%}
.om-shop-photo-stage[data-model=sport-750]{--zone-left:39%;--zone-top:33%;--zone-width:20%;--zone-height:43%}
.om-shop-photo-stage img{display:block;width:100%;height:100%;object-fit:contain}
.om-shop-photo-zone{position:absolute;left:var(--zone-left);top:var(--zone-top);width:var(--zone-width);height:var(--zone-height);box-sizing:border-box;visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4px 3px;overflow:hidden;color:#48565b;font-size:clamp(8px,2.5cqw,13px);font-weight:700;line-height:1.1;pointer-events:none}
.om-shop-photo-zone span{display:block;max-width:100%;white-space:nowrap;transform:scaleX(.92);transform-origin:center}
.om-shop-photo-zone span.is-long{white-space:normal;overflow-wrap:anywhere;font-size:.85em}
.om-shop-photo-stage[data-technique=laser] .om-shop-photo-zone,.om-shop-photo-stage[data-technique=sublimacion] .om-shop-photo-zone{visibility:visible}
.om-shop-photo-stage[data-technique=laser] .om-shop-photo-zone{border:1px dashed #24647a88;background:#e2f2f22b}
.om-shop-photo-stage[data-technique=sublimacion] .om-shop-photo-zone{border:2px dashed #e26654;background:#ee867a2a;color:#184958}
.om-shop-photo-stage[data-placement=arriba][data-technique=laser] .om-shop-photo-zone{justify-content:flex-start;padding-top:12%}
.om-shop-photo-stage[data-placement=abajo][data-technique=laser] .om-shop-photo-zone{justify-content:flex-end;padding-bottom:12%}
.om-shop-dialog [data-font=dm-sans]{--om-shop-selected-font:'DM Sans',Arial,sans-serif}
.om-shop-dialog [data-font=space-grotesk]{--om-shop-selected-font:'Space Grotesk',Arial,sans-serif}
.om-shop-dialog [data-font=montserrat]{--om-shop-selected-font:'Montserrat',Arial,sans-serif}
.om-shop-dialog [data-font=poppins]{--om-shop-selected-font:'Poppins',Arial,sans-serif}
.om-shop-dialog [data-font=raleway]{--om-shop-selected-font:'Raleway',Arial,sans-serif}
.om-shop-dialog [data-font=nunito-sans]{--om-shop-selected-font:'Nunito Sans',Arial,sans-serif}
.om-shop-dialog [data-font=oswald]{--om-shop-selected-font:'Oswald',Arial,sans-serif}
.om-shop-dialog [data-font=bebas-neue]{--om-shop-selected-font:'Bebas Neue',Arial,sans-serif}
.om-shop-dialog [data-font=anton]{--om-shop-selected-font:'Anton',Arial,sans-serif}
.om-shop-dialog [data-font=playfair-display]{--om-shop-selected-font:'Playfair Display',Georgia,serif}
.om-shop-dialog [data-font=merriweather]{--om-shop-selected-font:'Merriweather',Georgia,serif}
.om-shop-dialog [data-font=lora]{--om-shop-selected-font:'Lora',Georgia,serif}
.om-shop-dialog [data-font=roboto-slab]{--om-shop-selected-font:'Roboto Slab',Georgia,serif}
.om-shop-dialog [data-font=dancing-script]{--om-shop-selected-font:'Dancing Script',cursive}
.om-shop-dialog [data-font=caveat]{--om-shop-selected-font:'Caveat',cursive}
.om-shop-dialog [data-font=pacifico]{--om-shop-selected-font:'Pacifico',cursive}
.om-shop-dialog [data-font=lobster]{--om-shop-selected-font:'Lobster',cursive}
.om-shop-dialog [data-font=satisfy]{--om-shop-selected-font:'Satisfy',cursive}
.om-shop-photo-zone{font-family:var(--om-shop-selected-font,'DM Sans',Arial,sans-serif)}
.om-shop-photo-stage:is([data-font=pacifico],[data-font=bebas-neue],[data-font=anton],[data-font=lobster],[data-font=satisfy]) .om-shop-photo-zone{font-weight:400}
.om-shop-visual>p{margin:12px 0;color:#485e63;font:400 12px/1.5 'DM Sans',sans-serif}
.om-shop-visual>.om-shop-color-note{padding:9px 11px;background:#fff;border-left:3px solid #168bad}
.om-shop-color-note[hidden]{display:none}
.om-shop-fields{padding:26px 32px 35px;display:flex;flex-direction:column;gap:15px}
.om-shop-fields label,.om-shop-colors legend{font:700 12px 'DM Sans',sans-serif}
.om-shop-fields label:not(.om-shop-check):not(.om-shop-consent){display:flex;flex-direction:column;gap:7px}
.om-shop-fields input:not([type=radio]):not([type=checkbox]),.om-shop-fields select,.om-shop-fields textarea{width:100%;border:1px solid #abbabb;background:#fff;min-height:43px;padding:10px 11px;font:400 14px 'DM Sans',sans-serif;color:#101316;border-radius:0}
.om-shop-fields textarea{resize:vertical}
.om-shop-colors{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.om-shop-colors legend{margin-bottom:9px}
.om-shop-colors label{cursor:pointer}
.om-shop-colors input{position:absolute;opacity:0}
.om-shop-colors span{display:inline-block;border:1px solid #acb9bb;padding:10px 13px;background:#fff}
.om-shop-colors input:checked+span{border-color:#101316;background:#101316;color:#fff}
.om-shop-colors input:focus-visible+span{outline:3px solid #168bad;outline-offset:2px}
.om-shop-fonts,.om-shop-placements{border:0;padding:0;margin:0}
.om-shop-fonts legend,.om-shop-placements legend{font:700 12px 'DM Sans',sans-serif;margin-bottom:8px}
.om-shop-font-picker{width:100%}
.om-shop-font-picker summary{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 15px;border:1px solid #9caaac;background:#fff;cursor:pointer;list-style:none}
.om-shop-font-picker summary::-webkit-details-marker{display:none}
.om-shop-font-picker summary:after{content:'⌄';margin-left:auto;font:700 18px 'DM Sans',sans-serif;color:#547078}
.om-shop-font-picker[open] summary{border-color:#168bad}
.om-shop-font-picker summary strong{font:700 12px 'DM Sans',sans-serif}
.om-shop-font-sample{font-family:var(--om-shop-selected-font,'DM Sans',Arial,sans-serif);font-size:17px;line-height:1.2;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.om-shop-font-catalog{border:1px solid #9caaac;border-top:0;background:#fff}
.om-shop-fields .om-shop-font-search-label{display:block;padding:10px 12px 8px;font-size:11px}
.om-shop-font-search-label input{margin-top:6px}
.om-shop-font-list{max-height:290px;overflow-y:auto;background:#fff}
.om-shop-font-group-title{position:sticky;top:0;z-index:1;margin:0;padding:8px 15px;background:#edf2f2;color:#52686d;font:700 10px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.09em}
#om-shop-font-picker .om-shop-font-group[hidden],#om-shop-font-picker .om-shop-font-option[hidden],#om-shop-font-picker .om-shop-font-empty[hidden]{display:none}
.om-shop-font-empty{padding:12px 15px;margin:0;font-size:12px;color:#52686d}
#om-shop-font-picker .om-shop-font-option{display:block;cursor:pointer}
.om-shop-font-option input{position:absolute;opacity:0;width:1px;height:1px}
.om-shop-font-option span{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 15px;border-bottom:1px solid #e4e8e8;background:#fff}
.om-shop-font-option:last-child span{border-bottom:0}
.om-shop-font-option:hover span,.om-shop-font-option input:checked+span{background:#e8f4f6}
.om-shop-font-option input:focus-visible+span{outline:3px solid #168bad;outline-offset:-3px}
.om-shop-font-option strong{font:600 12px 'DM Sans',sans-serif;white-space:nowrap}
.om-shop-font-option .om-shop-font-sample{font-size:17px;max-width:55%}
.om-shop-fonts .om-shop-help{margin-top:7px}
.om-shop-placements{display:flex;flex-wrap:wrap;gap:7px}
.om-shop-placements label{cursor:pointer}
.om-shop-placements input{position:absolute;opacity:0}
.om-shop-placements span{display:inline-block;border:1px solid #acb9bb;padding:9px 11px;background:#fff;font-size:12px}
.om-shop-placements input:checked+span{border-color:#101316;background:#101316;color:#fff}
.om-shop-placements input:focus-visible+span{outline:3px solid #168bad;outline-offset:2px}
#om-shop-type-options{display:flex;flex-direction:column;gap:12px}
.om-shop-check,.om-shop-consent{display:flex;align-items:start;gap:9px;line-height:1.4}
.om-shop-check input,.om-shop-consent input{margin-top:1px}
#om-shop-laser-fields{display:flex;flex-direction:column;gap:12px}
#om-shop-laser-fields[hidden],#om-shop-name-wrap[hidden],#om-shop-design-wrap[hidden],#om-shop-sublimation-fields[hidden],#om-shop-type-options[hidden]{display:none!important}
.om-shop-help{font-size:11px;line-height:1.5;color:#586b6e;margin:0}
.om-shop-total{background:#e3f3f6;padding:15px 17px;display:flex;flex-direction:column;gap:5px}
.om-shop-total span{font:700 10px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.1em}
.om-shop-total strong{font:700 33px 'Space Grotesk',sans-serif}
.om-shop-total small{font-size:11px;color:#4d666b}
.om-shop-contact{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.om-shop-submit{padding:16px}
@media(max-width:850px){.om-shop-tomatodos-head{grid-template-columns:1fr;gap:8px}.om-shop-tomatodos-grid{grid-template-columns:1fr 1fr}.om-shop-dialog-grid{grid-template-columns:1fr}.om-shop-visual{position:static;padding:18px}.om-shop-photo-stage{max-width:470px;margin:auto}}
@media(max-width:600px){.om-shop-tomatodos{padding:65px 20px 75px}.om-shop-tomatodos-head h2{font-size:54px}.om-shop-tomatodos-grid{grid-template-columns:1fr}.om-shop-card-image{height:260px}.om-shop-dialog{width:100vw;max-height:100dvh;height:100dvh}.om-shop-dialog-head{padding:18px}.om-shop-visual{padding:12px}.om-shop-photo-stage{max-width:330px}.om-shop-fields{padding:20px}.om-shop-contact{grid-template-columns:1fr}}
