/* v120 design system, scoped to direct commerce. Preserve the native document. */
@font-face{font-family:DF Archivo;src:url(storefront-fonts/archivo-latin.woff2) format('woff2');font-style:normal;font-weight:400 900;font-display:swap}
body.df-storefront{--dfs-paper:#f4f6f9;--dfs-white:#fff;--dfs-ink:#22414a;--dfs-muted:#52656d;--dfs-line:#e2e7ec;--dfs-border:#c9d3da;--dfs-teal:#356664;--dfs-mint:#93e9d3;--dfs-soft:#e4f8f2;--dfs-heading:'DF Archivo',Montserrat,sans-serif;--dfs-radius:20px;color:var(--dfs-ink);background:var(--dfs-paper)}
.df-storefront :where(.elementor-location-single,.elementor-location-archive,.site-main) :where(h1,h2,h3,.product_title){font-family:var(--dfs-heading);color:var(--dfs-ink);letter-spacing:-.035em}
.df-storefront :where(.elementor-location-single,.elementor-location-archive,.site-main) :where(a,button,input,select,summary):focus-visible{outline:2px solid var(--dfs-teal);outline-offset:3px}
.df-storefront .rank-math-breadcrumb{font-size:13px;color:var(--dfs-muted)}
.df-storefront .rank-math-breadcrumb a{color:var(--dfs-teal)!important;text-underline-offset:3px}
.df-storefront :is(.df-shop-categories,.df-shop-favorites){box-sizing:border-box;width:100%;max-width:1240px;margin:18px auto 24px;padding:clamp(12px,2vw,22px);min-width:0}
:is(.df-shop-categories,.df-shop-favorites)>h2{font:800 clamp(22px,3vw,34px)/1 var(--dfs-heading);margin:0 0 14px;color:var(--dfs-ink)}
.df-shop-categories ul{margin:0;padding:0 0 6px;list-style:none;display:flex;gap:10px;overflow-x:auto;scrollbar-width:thin}
.df-shop-categories li{flex:0 0 clamp(136px,18vw,190px);list-style:none}
.df-shop-categories a{box-sizing:border-box;height:100%;min-height:70px;display:grid;grid-template-columns:1fr auto;align-content:start;align-items:center;gap:8px;padding:12px;border:1px solid var(--dfs-line);border-radius:16px;background:var(--dfs-white);font:700 14px/1.3 var(--dfs-heading);text-decoration:none;color:var(--dfs-ink)}
.df-shop-categories a[aria-current=page]{border-color:var(--dfs-teal);background:var(--dfs-soft)}
.df-shop-categories a:hover{border-color:var(--dfs-teal);color:var(--dfs-teal)}
.df-shop-category-art{grid-column:1/-1;display:grid;place-items:center;background:var(--dfs-paper);border-radius:10px;height:75px}
.df-shop-category-art img{width:100%;height:100%;max-height:75px;object-fit:contain}
.df-shop-categories--directory ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
.df-shop-categories--directory a{font-size:clamp(16px,2.3vw,25px);padding:clamp(12px,1.7vw,20px);min-height:100px}
.df-shop-categories--directory .df-shop-category-art{height:auto;aspect-ratio:3/2}
.df-shop-categories--directory .df-shop-category-art img{max-height:none}
@media(min-width:760px){.df-shop-categories--directory ul{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Catalog: keep Woo lists, headings, paging and links intact within each collection. */
.df-storefront--catalog :where(.elementor-location-archive,.site-main) h1{font-family:var(--dfs-heading)!important;font-size:clamp(32px,5.6vw,65px)!important;font-weight:850!important;line-height:1.04!important;color:var(--dfs-ink)!important;text-wrap:balance}
.df-storefront--catalog :is(.elementor-location-archive>:is(.elementor-top-section,.e-parent):has(h1),.elementor-element-e45a4f7){background:var(--dfs-paper)!important;margin-block:0!important;padding:clamp(20px,3vw,44px) max(20px,calc((100% - 1200px)/2))!important}
.df-storefront--catalog :is(.elementor-location-archive>.elementor-top-section:has(h1),.elementor-location-archive>.e-parent:has(h1),.elementor-element-e45a4f7) :where(.elementor-container,.e-con-inner){min-height:0!important;align-items:center}
.df-storefront--catalog .elementor-location-archive>.elementor-top-section:has(h1)>.elementor-container>.elementor-column>.elementor-widget-wrap{padding:0!important;min-height:0!important}
.df-storefront--catalog .elementor-location-archive>:is(.elementor-top-section,.e-parent):has(h1) .elementor-widget-heading:not(:has(h1)) .elementor-heading-title{font:800 12px/1.45 var(--dfs-heading)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--dfs-muted)!important}
.df-storefront--catalog :is(.elementor-location-archive>:is(.elementor-top-section,.e-parent):has(h1),.elementor-element-e45a4f7) .elementor-widget-image img{max-height:clamp(145px,27vw,335px);object-fit:contain;width:auto}
@media(max-width:767px){.df-storefront--catalog .elementor-location-archive>:is(.elementor-top-section,.e-parent):has(h1) .elementor-widget-image img{max-height:140px}}
.df-storefront--catalog :where(.site-main,.elementor-location-archive) :where(.elementor-button,.woocommerce-loop-product__buttons .button){border-radius:100px!important;background:var(--dfs-mint)!important;border:1px solid transparent!important;color:var(--dfs-ink)!important;font-weight:700!important}
.df-storefront--catalog :where(.site-main,.elementor-location-archive) .elementor-button :where(span,svg){color:inherit!important}
.df-storefront--catalog .df-shop-listing{width:100%;min-width:0;flex:1 0 100%;display:grid;gap:18px;padding:0;align-items:start}
.df-storefront--catalog .df-shop-listing-main{min-width:0}
.df-storefront--catalog .df-shop-listing [hidden]{display:none!important}
.df-shop-filters{display:grid;gap:12px;background:var(--dfs-white);border:1px solid var(--dfs-line);border-radius:16px;padding:14px;color:var(--dfs-ink)}
.df-shop-filters label{display:grid;gap:7px;font:750 14px/1.3 var(--dfs-heading)}
.df-shop-filters input,.df-shop-sort select{width:100%;height:42px;border:1px solid var(--dfs-border);border-radius:12px;padding:0 9px;background:var(--dfs-white);font:inherit;color:var(--dfs-ink)}
.df-shop-filters button{justify-self:start;background:none;color:var(--dfs-teal);border:0;padding:0;min-height:32px;text-decoration:underline;text-underline-offset:3px;font-size:13px;cursor:pointer}
.df-shop-sort{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 0 12px;color:var(--dfs-muted);font-size:13px;min-height:54px}
.df-shop-sort label{display:flex;align-items:center;gap:8px;min-width:0}
.df-shop-sort select{width:auto;max-width:100%;font-size:13px}
.df-shop-listing-empty{border:1px dashed var(--dfs-border);padding:18px;border-radius:16px;color:var(--dfs-ink)}
.df-storefront--catalog :where(.site-main,.elementor-location-archive) ul.products,.df-storefront--product .elementor-location-single ul.products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;padding:0;margin:0 0 20px!important;list-style:none}
.df-storefront :where(.site-main,.elementor-location-archive,.elementor-location-single) ul.products::before,.df-storefront :where(.site-main,.elementor-location-archive,.elementor-location-single) ul.products::after{display:none!important}
.df-storefront :where(.site-main,.elementor-location-archive,.elementor-location-single) ul.products li.product{box-sizing:border-box;width:auto!important;min-width:0;margin:0!important;float:none!important;padding:0 0 14px!important;overflow:hidden;background:var(--dfs-white)!important;border:1px solid var(--dfs-line)!important;border-radius:var(--dfs-radius)!important;box-shadow:0 8px 24px -21px #22414a70;text-align:left!important}
.df-storefront :where(.site-main,.elementor-location-archive,.elementor-location-single) ul.products li.product a{color:var(--dfs-ink)}
.df-storefront :where(.site-main,.elementor-location-archive,.elementor-location-single) ul.products li.product :where(h2,h3,.price,.star-rating,.woocommerce-loop-product__buttons){margin-inline:14px!important}
.df-storefront :where(.site-main,.elementor-location-archive,.elementor-location-single) ul.products li.product :where(h2,h3){font:760 clamp(14px,1.55vw,18px)/1.25 var(--dfs-heading)!important;text-wrap:pretty;text-align:left}
.df-storefront :where(.site-main,.elementor-location-archive,.elementor-location-single) ul.products li.product img{display:block;aspect-ratio:4/5;object-fit:contain;width:100%;height:auto;margin:0 0 12px!important;background:var(--dfs-paper);border-radius:0!important}
.df-storefront :where(.site-main,.elementor-location-archive,.elementor-location-single) ul.products li.product .price{color:var(--dfs-ink)!important;font-weight:750!important;font-variant-numeric:tabular-nums}
.df-storefront--catalog :where(.site-main,.elementor-location-archive) ul.products li.product .add_to_cart_button{margin:5px 14px 0;border-radius:100px;background:var(--dfs-mint);color:var(--dfs-ink);border:0;padding:7px 12px;font:750 13px/1.25 var(--dfs-heading)}
@media(min-width:820px){.df-storefront--catalog :where(.site-main,.elementor-location-archive) ul.products,.df-storefront--product .elementor-location-single ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:1150px){.df-storefront--catalog .df-shop-listing--ready{grid-template-columns:minmax(145px,185px) minmax(0,1fr)}.df-shop-filters{position:sticky;top:95px}}
@media(min-width:1440px){.df-storefront--catalog :where(.site-main,.elementor-location-archive) ul.products{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(hover:hover){.df-storefront :where(.site-main,.elementor-location-archive,.elementor-location-single) ul.products li.product:hover{border-color:var(--dfs-border)!important}}

/* Studio: real canvas + source photos, with the reference's views / tools / stage. */
.df-storefront--product .elementor-location-single :is(.elementor-element-fd20f8b,.elementor-element-2aaef8f){background:var(--dfs-paper)!important}
.df-storefront--product .elementor-location-single .product_title{color:var(--dfs-ink)!important;font-family:var(--dfs-heading)!important;font-weight:820!important;line-height:1.1!important;text-transform:none!important}
.df-storefront--product .elementor-location-single .elementor-element-898c7ba{min-width:0;border-radius:var(--dfs-radius);background:var(--dfs-white)!important;border:1px solid var(--dfs-line);padding:clamp(12px,1.7vw,24px)!important;align-self:start}
.df-storefront--product :where(.woocommerce-product-gallery,.wcgs-gallery-slider){border-radius:var(--dfs-radius);overflow:hidden;background:var(--dfs-white)}
.df-storefront--studio #df-studio{--df-paper:var(--dfs-white);--df-ink:var(--dfs-ink);--df-muted:var(--dfs-muted);--df-line:var(--dfs-line);--df-soft:var(--dfs-paper);--df-accent:var(--dfs-teal);--df-button:var(--dfs-mint);--df-button-text:var(--dfs-ink);--df-focus:var(--dfs-teal);--df-stage-ink:var(--dfs-ink);--df-target:44px;display:grid;min-width:0;gap:0;padding:0;color-scheme:light;background:var(--dfs-white);border:1px solid var(--dfs-line);border-radius:24px}
.df-storefront--studio #df-studio .df-gallery-stage{display:contents}
.df-storefront--studio #df-studio figure{grid-area:stage;min-width:0}
.df-storefront--studio #df-studio .df-canvas-wrap{height:clamp(330px,47vw,550px);border-radius:0;background:var(--dfs-paper)}
.df-storefront--studio #df-studio .df-canvas-wrap canvas{touch-action:auto}
.df-storefront--studio #df-studio .df-product-image{mix-blend-mode:multiply}
.df-storefront--studio #df-studio .df-gallery-toolbar{grid-area:tools;position:static;pointer-events:auto;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:8px;background:var(--dfs-white);border-color:var(--dfs-line);color:var(--dfs-ink)}
.df-storefront--studio #df-studio .df-toolbar-group{box-shadow:none;border-radius:0;padding:0;gap:4px;background:none}
.df-storefront--studio #df-studio .df-toolbar-group:first-child{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.df-storefront--studio #df-studio .df-toolbar-divider{display:none}
.df-storefront--studio #df-studio .df-tool-button{display:grid;place-items:center;align-content:center;justify-content:center;gap:5px;width:100%;height:auto;min-height:56px;padding:6px 2px;border:1px solid var(--dfs-line);border-radius:11px;background:var(--dfs-white);font:760 clamp(10px,2vw,13px)/1.15 var(--dfs-heading);white-space:normal;text-align:center}
.df-storefront--studio #df-studio .df-tool-button svg{display:block;width:20px;height:20px}
.df-storefront--studio #df-studio .df-toolbar-group:nth-child(2){align-self:flex-end;border:1px solid var(--dfs-line);border-radius:100px;padding:2px}
.df-storefront--studio #df-studio .df-shop-redo svg{transform:scaleX(-1)}
.df-storefront--studio #df-studio .df-element-control span{background:var(--dfs-mint);border-color:var(--dfs-teal);color:var(--dfs-ink)}
.df-storefront--studio #df-studio .df-control-delete span{background:#fff3f0;border-color:#a13529;color:#a13529}
.df-storefront--studio #df-studio .df-element-control:hover span{background:#fff}
.df-storefront--studio #df-studio .df-thumbnails{grid-area:views;margin:0;padding:8px;gap:5px;align-content:start;background:var(--dfs-white);border-radius:20px 20px 0 0}
.df-storefront--studio #df-studio .df-thumbnail{padding:4px;min-height:48px;border:1px solid var(--dfs-line);border-radius:12px;background:var(--dfs-white);font:700 12px/1.15 var(--dfs-heading)}
.df-storefront--studio #df-studio .df-thumbnail[aria-pressed=true]{background:var(--dfs-soft);border-color:var(--dfs-teal)}
.df-storefront--studio #df-studio .df-thumbnail img{display:block;background:none;border-radius:8px;mix-blend-mode:multiply}
.df-storefront--studio #df-studio .df-layer-tools{grid-area:panel;margin:0;padding:10px;background:var(--dfs-white);border-top:1px solid var(--dfs-line);border-radius:0}
.df-storefront--studio .df-shop-layer-list{grid-area:panel;min-width:0;display:grid;gap:6px;padding:12px;border-top:1px solid var(--dfs-line);background:var(--dfs-white)}
.df-shop-layer-list>div,.df-shop-layer-list>button{display:flex;align-items:center;justify-content:space-between;gap:8px}
.df-shop-layer-list>button{min-height:44px;border-radius:10px!important;padding:4px 12px!important;background:var(--dfs-paper)!important}
.df-shop-layer-list>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.df-shop-layer-list strong{font:800 15px var(--dfs-heading)}
.df-storefront--studio #df-studio .df-help{grid-area:help;margin:0;padding:4px 14px 9px;border-top:1px solid var(--dfs-line)}
.df-storefront--studio #df-studio{grid-template-areas:'views' 'stage' 'tools' 'panel' 'purchase' 'help' 'dock'}
.df-storefront--studio #df-studio>#df-studio-purchase{grid-area:purchase;padding:12px}
.df-shop-dock{grid-area:dock;display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:6px;padding:8px;border-top:1px solid var(--dfs-line);background:var(--dfs-white);border-radius:0 0 24px 24px}
.df-storefront--studio #df-studio .df-shop-dock :is(a,button){min-height:44px;display:grid;place-items:center;border:1px solid var(--dfs-line);border-radius:100px;color:var(--dfs-ink);font:800 13px/1 var(--dfs-heading);text-decoration:none;text-align:center}
.df-storefront--studio #df-studio .df-shop-dock a:last-child{background:var(--dfs-mint);border-color:transparent}
@media(max-width:480px){.df-storefront--studio #df-studio .df-thumbnail{flex-direction:column;font-size:10px;gap:2px}.df-storefront--studio #df-studio .df-thumbnail img{width:28px;height:28px}.df-storefront--studio #df-studio .df-canvas-wrap{height:clamp(280px,82vw,370px)}}
@media(min-width:900px){
 .df-storefront--studio #df-studio{max-width:none;grid-template-columns:clamp(64px,7vw,106px) clamp(66px,7vw,104px) minmax(0,1fr);grid-template-areas:'views tools stage' 'views tools panel' 'purchase purchase purchase' 'help help help';overflow:visible}
 .df-storefront--studio #df-studio .df-canvas-wrap{height:clamp(370px,55vh,600px);border-radius:0 24px 0 0}
 .df-storefront--studio #df-studio .df-thumbnails{grid-template-columns:1fr;border-radius:24px 0 0 0;padding:9px 6px;align-content:start}
 .df-storefront--studio #df-studio .df-thumbnails::before,.df-storefront--studio #df-studio .df-toolbar-group:first-child::before{font:800 10px/1.4 var(--dfs-heading);letter-spacing:.09em;text-transform:uppercase;color:var(--dfs-muted);padding:3px 3px 5px}
 .df-storefront--studio #df-studio .df-thumbnails::before{content:'Vistas'}
 .df-storefront--studio #df-studio .df-toolbar-group:first-child::before{content:'Acciones'}
 .df-storefront--studio #df-studio .df-thumbnail{flex-direction:column;gap:3px;min-height:70px}
 .df-storefront--studio #df-studio .df-thumbnail img{width:50px;height:46px}
 .df-storefront--studio #df-studio .df-gallery-toolbar{padding:8px 6px;border-inline:1px solid var(--dfs-line);background:var(--dfs-paper)}
 .df-storefront--studio #df-studio .df-toolbar-group:first-child{grid-template-columns:1fr}
 .df-storefront--studio #df-studio .df-toolbar-group:nth-child(2){align-self:stretch;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;gap:0;border:0;border-radius:0}
 .df-storefront--studio #df-studio .df-toolbar-group:nth-child(2) :is(button,summary){width:100%;min-width:0}
 .df-storefront--studio #df-studio .df-menu-items{left:0;right:auto}
 .df-storefront--studio #df-studio .df-tool-button{font-size:11px;min-height:53px}
 .df-storefront--studio #df-studio .df-shop-dock{display:none}
 .df-storefront--studio .elementor-element-fd20f8b>.e-con-inner{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(310px,370px);max-width:1320px;align-items:start;gap:18px}
 .df-storefront--studio .elementor-element-fd20f8b>.e-con-inner>.e-con{width:100%!important;min-width:0}
}

/* One state and one purchase panel, even when Elementor puts it beside the studio. */
.df-storefront--studio :is(#df-studio-purchase,.df-shop-purchase-dialog){--df-ink:var(--dfs-ink);--df-muted:var(--dfs-muted);--df-button:var(--dfs-mint);--df-button-text:var(--dfs-ink);text-align:left;color-scheme:light}
.df-storefront--studio :is(#df-studio-purchase,.df-shop-purchase-dialog) :is(#df-shop-colors,#df-shop-quantities){scroll-margin:100px}
.df-shop-config{display:grid;gap:14px;padding-bottom:15px;margin-bottom:14px;border-bottom:1px solid var(--dfs-line);color:var(--dfs-ink)}
.df-storefront--studio :is(#df-studio-purchase,.df-shop-purchase-dialog) .df-field-label{margin:0 0 5px;padding:0;font:800 14px/1.3 var(--dfs-heading);color:var(--dfs-ink)}
.df-shop-config .df-field-value{color:var(--dfs-muted);font-weight:650;margin-left:4px}
.df-shop-config .df-swatches{display:flex;flex-wrap:wrap;gap:2px}
.df-storefront--studio :is(#df-studio-purchase,.df-shop-purchase-dialog) .df-swatch{border:1px solid transparent;background:transparent;padding:0;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;cursor:pointer}
.df-shop-config .df-swatch span{display:grid;place-items:center;width:25px;height:25px;background:var(--swatch);color:var(--check);border:1px solid #22414a26;border-radius:50%}
.df-storefront--studio :is(#df-studio-purchase,.df-shop-purchase-dialog) .df-swatch[aria-pressed=true]{border-color:var(--dfs-teal);background:var(--dfs-soft)}
.df-shop-config .df-swatch[data-unavailable=true]{opacity:.45}
.df-shop-config .df-options-row{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.df-shop-config select{display:block;margin-top:5px;width:100%;min-height:42px;border:1px solid var(--dfs-border);border-radius:10px;background:var(--dfs-white);color:var(--dfs-ink);font:inherit}
.df-storefront--studio :is(#df-studio-purchase,.df-shop-purchase-dialog) .df-sizes{border:0;padding:0;margin:0;min-width:0}
.df-storefront--studio :is(#df-studio-purchase,.df-shop-purchase-dialog) .df-size-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(94px,1fr));gap:5px}
.df-storefront--studio :is(#df-studio-purchase,.df-shop-purchase-dialog) .df-size-field{min-width:0;display:grid;gap:3px;padding:5px 3px 2px;background:var(--dfs-paper);border:1px solid transparent;border-radius:12px;text-align:center;color:var(--dfs-ink)}
.df-storefront--studio :is(#df-studio-purchase,.df-shop-purchase-dialog) .df-size-field[data-filled=true]{border-color:var(--dfs-teal);background:var(--dfs-soft)}
.df-storefront--studio :is(#df-studio-purchase,.df-shop-purchase-dialog) .df-size-field[data-disabled=true]{opacity:.55}
.df-shop-config .df-size-field label{font:750 12px var(--dfs-heading)}
.df-shop-config .df-shop-stepper{display:grid;grid-template-columns:minmax(27px,1fr) minmax(26px,1.3fr) minmax(27px,1fr);gap:0;align-items:center}
.df-storefront--studio :is(#df-studio-purchase,.df-shop-purchase-dialog) .df-shop-stepper button{width:100%;height:40px;padding:0;border:0;border-radius:8px;background:none;color:var(--dfs-ink);display:grid;place-items:center;cursor:pointer}
.df-storefront--studio :is(#df-studio-purchase,.df-shop-purchase-dialog) .df-shop-stepper button:disabled{opacity:.3;cursor:default}
.df-storefront--studio :is(#df-studio-purchase,.df-shop-purchase-dialog) .df-shop-stepper input{width:100%;min-width:0;height:40px;border:0;padding:0;margin:0;background:none;text-align:center;color:var(--dfs-ink);font:800 15px var(--dfs-heading);appearance:textfield}
.df-shop-stepper input::-webkit-inner-spin-button,.df-shop-stepper input::-webkit-outer-spin-button{appearance:none;margin:0}
.df-storefront--studio :is(#df-studio-purchase,.df-shop-purchase-dialog) .df-buy-row{display:grid;grid-template-columns:1fr;gap:10px}
.df-storefront--studio :is(#df-studio-purchase,.df-shop-purchase-dialog) .df-price strong{font:850 29px/1.1 var(--dfs-heading);letter-spacing:-.04em}
.df-storefront--studio :is(#df-studio-purchase,.df-shop-purchase-dialog) .df-primary{width:100%;max-width:none;background:var(--dfs-mint);color:var(--dfs-ink);border-radius:100px;font:800 15px/1.2 var(--dfs-heading);min-height:48px}
@media(pointer:coarse){.df-storefront--studio :is(#df-studio-purchase,.df-shop-purchase-dialog) .df-swatch{width:44px;height:44px}.df-storefront--studio :is(#df-studio-purchase,.df-shop-purchase-dialog) .df-shop-stepper button{height:44px}}

/* Real cart/checkout, including payment and order review, keep their native markup and events. */
.df-storefront--cart :where(.woocommerce-cart-form,.cart_totals,.e-cart__container,.wc-block-cart__main),.df-storefront--checkout :where(#customer_details,.woocommerce-checkout-review-order,.wfacp_main_form,.wc-block-checkout__main,.wc-block-checkout__sidebar){background:var(--dfs-white);border:1px solid var(--dfs-line);border-radius:var(--dfs-radius);padding:clamp(12px,2vw,22px)}
.df-storefront--cart :where(.shop_table,.wc-block-cart-items){border-color:var(--dfs-line)}
.df-storefront--cart :where(.checkout-button,.wc-block-cart__submit-button),.df-storefront--checkout :where(#place_order,.wc-block-components-checkout-place-order-button){border-radius:100px!important;background:var(--dfs-mint)!important;color:var(--dfs-ink)!important;border-color:transparent!important;font:800 16px/1.2 var(--dfs-heading)!important}
.df-storefront--checkout :where(.woocommerce-billing-fields,.woocommerce-shipping-fields,.wfacp_main_form) :where(input:not([type=checkbox],[type=radio]),select,textarea){border-radius:12px;border-color:var(--dfs-border)}

.df-storefront--studio #df-studio .df-shop-purchase-dialog{position:fixed;inset:auto 0 0;margin:0 auto;padding:0 16px calc(16px + env(safe-area-inset-bottom));width:min(100%,520px);max-width:100%;max-height:min(85dvh,760px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--dfs-line);border-radius:24px 24px 0 0;background:var(--dfs-white);color:var(--dfs-ink)}
.df-shop-purchase-dialog::backdrop{background:#14222875}
.df-shop-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:1;background:var(--dfs-white);padding:8px 0;font:800 17px var(--dfs-heading)}
.df-storefront--studio #df-studio .df-shop-sheet-heading button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--dfs-paper);color:var(--dfs-ink)}
.df-storefront--studio #df-studio .df-shop-sheet-heading button svg{width:20px;height:20px}
@media(max-width:760px){
 .df-storefront--studio #df-studio .df-shop-dock{position:sticky;bottom:0;z-index:4;padding-bottom:max(8px,env(safe-area-inset-bottom))}
 .df-storefront--studio #df-studio .df-shop-purchase-dialog :is(#df-shop-colors,#df-shop-quantities){scroll-margin:56px}
}

.df-storefront--studio #df-studio{position:relative}
.df-storefront--studio #df-studio .df-canvas-wrap{background:var(--dfs-white)}
.df-storefront--studio #df-studio .df-shop-dock :is(a:first-child,button){grid-auto-rows:min-content;align-content:center;gap:3px;border-radius:14px}
.df-shop-dock svg{width:19px;height:19px}
@media(min-width:900px){
 .df-storefront--studio #df-studio .df-canvas-wrap{height:clamp(480px,calc(100svh - 150px),800px)}
 .df-storefront--studio #df-studio .df-toolbar-group:nth-child(2){position:absolute;top:9px;right:10px;z-index:3;width:110px;gap:1px;padding:2px;border:1px solid var(--dfs-line);border-radius:100px;background:var(--dfs-white)}
 .df-storefront--studio #df-studio .df-toolbar-group:nth-child(2) .df-menu-items{left:auto;right:0}
}
@media(max-width:760px){
 .df-storefront--studio #df-studio{grid-template-columns:auto minmax(0,1fr);grid-template-areas:'hist views' 'stage stage' 'panel panel' 'purchase purchase' 'help help' 'dock dock'}
 .df-storefront--studio #df-studio .df-gallery-toolbar{display:contents}
 .df-storefront--studio #df-studio .df-toolbar-group:first-child{display:none}
 .df-storefront--studio #df-studio .df-toolbar-group:nth-child(2){grid-area:hist;--df-target:34px;align-self:stretch;align-items:center;gap:0;border:0;padding:2px 0 2px 4px}
 .df-storefront--studio #df-studio .df-toolbar-group:nth-child(2) .df-menu-items{left:0;right:auto}
 .df-storefront--studio #df-studio .df-thumbnails{grid-area:views;grid-template-columns:repeat(var(--views,4),minmax(0,1fr));gap:3px;padding:7px 5px 7px 2px;border-radius:0 20px 0 0}
 .df-storefront--studio #df-studio .df-thumbnail{font-size:clamp(9px,2.65vw,12px);min-height:38px;border-radius:100px;padding:2px;overflow:hidden}
 .df-storefront--studio #df-studio .df-thumbnail img{display:none}
 .df-storefront--studio #df-studio .df-canvas-wrap{height:clamp(340px,calc(100svh - 245px),650px);border-block:1px solid var(--dfs-line)}
 .df-storefront--studio #df-studio .df-shop-dock{min-height:62px;grid-template-columns:minmax(54px,.85fr) minmax(54px,.85fr) minmax(0,2fr)}
 .df-storefront--studio #df-studio .df-shop-dock :is(a,button){min-height:48px}
 .df-storefront--studio #df-studio :is(.df-layer-tools,.df-shop-layer-list){position:sticky;bottom:62px;z-index:4;border-radius:14px;background:var(--dfs-white);box-shadow:0 -5px 30px #22414a20}
 .df-storefront--studio #df-studio .df-shop-dock{z-index:5}
}