body.vm-pdp-product,
body.vm-pdp-product #qodef-page-wrapper{ background-color:#F4F3EF; }
body.vm-pdp-product #qodef-page-wrapper{ overflow:visible; overflow-x:clip; } body.vm-pdp-product #qodef-page-outer,
body.vm-pdp-product #qodef-page-inner,
body.vm-pdp-product #qodef-page-inner.qodef-content-grid,
body.vm-pdp-product #qodef-page-content{ width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; background:transparent; }
body.vm-pdp-product #qodef-page-inner .qodef-content-grid{ width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; }
body.vm-pdp-product #qodef-page-outer > .qodef-page-title{ display:none; } .vm-pdp{
--vm-bg:#F4F3EF; --vm-text:#000; --vm-muted:#bababa; --vm-grey:#AAAAAA; --vm-surface:#fff; --vm-band:#E3E3D7;
--vm-font-h:'DM Sans', Helvetica, Arial, sans-serif;
--vm-font-b:'Nunito Sans', Helvetica, Arial, sans-serif;
--vm-font-btn:'Roboto', Helvetica, Arial, sans-serif;
--vm-gutter:16px; --vm-max:1054px; --vm-top:0px;
font-family:var(--vm-font-b); font-size:16px; line-height:27px; font-weight:400; color:var(--vm-text);
-webkit-font-smoothing:antialiased; text-align:left;
}
body.theme-hiroshi .vm-pdp{ --vm-top:0px; }
@media (min-width:1025px){ body.theme-hiroshi .vm-pdp{ --vm-top:100px; } }
.vm-pdp *, .vm-pdp *::before, .vm-pdp *::after{ box-sizing:border-box; }
.vm-pdp [hidden]{ display:none !important; }
.vm-pdp p{ margin:0; }
.vm-pdp h1, .vm-pdp h2, .vm-pdp h3{ font-family:var(--vm-font-h); font-weight:400; margin:0; padding:0; text-transform:none; letter-spacing:normal; color:#000; }
.vm-pdp a{ color:inherit; }
.vm-pdp button{ font-family:inherit; margin:0; text-transform:none; box-shadow:none; }
.vm-pdp img, .vm-pdp video{ max-width:100%; height:auto; display:block; border:0; }
.vm-pdp ul{ list-style:none; margin:0; padding:0; }
.vm-pdp strong{ font-weight:700; }
.vm-pdp :focus-visible{ outline:2px solid #000; outline-offset:2px; }
.vm-pdp .vm-tbd{ color:var(--vm-grey); font-style:italic; }
.vm-pdp .vm-h2{ font-family:var(--vm-font-h); font-size:38px; line-height:43px; }
.vm-pdp .vm-label-sm{ font-family:var(--vm-font-h); font-size:12px; line-height:14px; letter-spacing:2.4px; text-transform:uppercase; } .vm-pdp.vm-pdp-page{ background:var(--vm-bg); padding-top:var(--vm-top); overflow-x:clip; }
.vm-pdp .vm-breadcrumb{ max-width:var(--vm-max); margin:0 auto; padding:6px var(--vm-gutter) 8px; font-size:11px; line-height:14px; color:var(--vm-grey); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.vm-pdp .vm-breadcrumb a{ color:var(--vm-grey); text-decoration:none; }
.vm-pdp .vm-breadcrumb a:hover{ text-decoration:underline; }
.vm-pdp .vm-crumb-current{ color:#000; }
.vm-pdp .vm-main{ padding:0 var(--vm-gutter); }
.vm-pdp .vm-grid{ max-width:var(--vm-max); margin:0 auto; display:flex; flex-direction:column; gap:16px; align-items:stretch; }
.vm-pdp .vm-media, .vm-pdp .vm-media-top{ display:contents; }
.vm-pdp .vm-studio{ order:1; }
.vm-pdp .vm-video-tile{ order:2; display:none; }
.vm-pdp .vm-buybox{ order:3; width:100%; padding-bottom:4px; }
.vm-pdp .vm-media-grid{ display:none; }
@media (min-width:1025px){
.vm-pdp .vm-breadcrumb{ max-width:none; padding:16px 40px 0; font-size:12px; line-height:27px; }
.vm-pdp .vm-main{ padding:12px 40px 0 0; }
.vm-pdp .vm-grid{ max-width:none; display:grid; align-items:start; column-gap:60px; grid-template-columns:minmax(0,1fr) 360px; }
.vm-pdp .vm-media{ display:block; min-width:0; grid-column:1; grid-row:1; }
.vm-pdp .vm-media-top{ display:grid; grid-template-columns:1fr 1fr; gap:5px; align-items:start; }
.vm-pdp .vm-studio, .vm-pdp .vm-video-tile{ order:0; }
.vm-pdp .vm-video-tile{ display:block; }
.vm-pdp .vm-media-grid{ display:grid; }
.vm-pdp .vm-buybox{ grid-column:2; grid-row:1; position:sticky; top:calc(var(--vm-top) + 8px); align-self:start; min-width:0; width:auto; }
} .vm-pdp .vm-studio{ position:relative; aspect-ratio:3/4; overflow:hidden; background:var(--vm-band); }
.vm-pdp .vm-studio-track{ display:flex; height:100%; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; scrollbar-width:none; transition:opacity .2s ease; }
.vm-pdp .vm-studio-track::-webkit-scrollbar{ display:none; }
.vm-pdp .vm-studio-track:focus-visible{ outline-offset:-3px; }
.vm-pdp .vm-studio-track.is-fading{ opacity:0; }
.vm-pdp .vm-slide{ flex:0 0 100%; height:100%; scroll-snap-align:start; scroll-snap-stop:always; background:var(--vm-band); position:relative; }
.vm-pdp .vm-slide img, .vm-pdp .vm-slide video{ width:100%; height:100%; max-width:none; object-fit:cover; display:block; }
.vm-pdp .vm-slide video{ background:#000; }
.vm-pdp .vm-studio-nav{ background:rgba(244,243,239,.92) !important; color:#000 !important; position:absolute; top:50%; transform:translateY(-50%); z-index:2; width:40px; height:40px; padding:0; background:rgba(244,243,239,.92); border:none !important; border-radius:0; cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:22px; line-height:1; }
.vm-pdp .vm-studio-nav:disabled{ opacity:.35; cursor:default; }
.vm-pdp .vm-studio-prev{ left:10px; }
.vm-pdp .vm-studio-next{ right:10px; }
.vm-pdp .vm-studio-counter{ position:absolute; right:10px; bottom:10px; z-index:2; pointer-events:none; background:rgba(244,243,239,.92); color:#000; padding:5px 10px 4px; font-family:var(--vm-font-h); font-size:12px; line-height:14px; letter-spacing:2.4px; font-variant-numeric:tabular-nums; }
.vm-pdp .vm-studio-dots{ display:none; } .vm-pdp .vm-video-tile{ margin:0; padding:0; }
.vm-pdp .vm-video-frame{ position:relative; aspect-ratio:3/4; background:#000; overflow:hidden; }
.vm-pdp .vm-video{ position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center; display:block; background:#000; } .vm-pdp .vm-media-grid{ grid-template-columns:repeat(3,1fr); gap:5px; margin-top:5px; }
.vm-pdp .vm-mg-item{ position:relative; aspect-ratio:3/4; overflow:hidden; background:var(--vm-band); }
.vm-pdp .vm-mg-item img{ width:100%; height:100%; max-width:none; object-fit:cover; display:block; } .vm-pdp .vm-eyebrow{ margin-bottom:4px; }
.vm-pdp .vm-title{ margin-bottom:4px; font-size:32px; line-height:38px; }
.vm-pdp .vm-subtitle{ font-size:14px; line-height:20px; color:var(--vm-grey); margin-bottom:4px; }
.vm-pdp .vm-tagline{ font-size:13px; line-height:19px; font-style:italic; color:#000; margin-bottom:12px; }
.vm-pdp .vm-price-row{ display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin-bottom:12px; }
.vm-pdp .vm-price{ font-family:var(--vm-font-h); font-size:24px; font-weight:500; display:block; }
.vm-pdp .vm-price--request{ font-size:20px; }
.vm-pdp .vm-price-note{ font-size:12px; color:var(--vm-grey); }
.vm-pdp .vm-swatch-row{ display:flex; gap:6px; flex-wrap:wrap; align-items:center; margin:0 0 6px; }
.vm-pdp .vm-swatch{ width:24px; height:24px; padding:0; border:1px solid transparent !important; border-radius:0; background:none !important; cursor:pointer; display:block; min-width:0; line-height:0; overflow:hidden; }
.vm-pdp .vm-swatch img{ width:100%; height:100%; object-fit:cover; display:block; }
.vm-pdp .vm-swatch-all{ margin-left:6px; padding:0 !important; background:none !important; border:none !important; border-radius:0; font-family:var(--vm-font-h); font-size:12px; line-height:16px; color:#000 !important; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.vm-pdp .vm-swatch.is-selected{ border-color:#000 !important; outline:1px solid #000; outline-offset:2px; }
.vm-pdp .vm-swatch-caption{ font-size:12px; line-height:16px; color:var(--vm-grey); margin:0 0 14px; }
.vm-pdp .vm-dd-row{ display:grid; grid-template-columns:1fr 1fr; gap:10px 20px; margin:0 0 16px; }
.vm-pdp .vm-dd-row > .vm-dd:nth-child(3){ grid-column:1 / -1; } .vm-pdp .vm-dd-row:has(> .vm-dd:only-child){ grid-template-columns:1fr; }
.vm-pdp .vm-dd{
display:block; width:100%; height:34px; margin:0; padding:0 20px 0 0; max-width:none;
border:none; border-bottom:1px solid var(--vm-muted); border-radius:0; background-color:transparent; color:#000;
font-family:var(--vm-font-h); font-size:13px; line-height:20px; cursor:pointer; text-align:left; box-shadow:none;
-webkit-appearance:none; appearance:none;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E");
background-repeat:no-repeat; background-position:right 2px center; background-size:10px 6px;
} .vm-pdp select, .vm-pdp option, .vm-pdp input, .vm-pdp textarea, .vm-pdp button, .vm-pdp label{
text-transform:none; letter-spacing:normal; font-style:normal; text-shadow:none;
}
.vm-pdp .vm-dd, .vm-pdp .vm-dd option{ font-family:var(--vm-font-h); font-size:14px; font-weight:400; line-height:20px; text-transform:none; letter-spacing:normal; color:#000; }
.vm-pdp .vm-btn{
display:inline-block; padding:20px 50px; background:transparent !important; color:#000 !important; border:1px solid #000 !important; border-radius:0;
font-family:var(--vm-font-btn); font-size:15px; font-weight:400; letter-spacing:1.8px; text-transform:none; text-align:center; text-decoration:none; cursor:pointer; line-height:normal;
}
.vm-pdp .vm-btn:hover{ background:#000 !important; color:#fff !important; }
.vm-pdp .vm-btn-block{ display:block; width:100%; }
.vm-pdp .vm-btn--solid{ background:#000 !important; color:#fff !important; padding:0 24px; height:48px; line-height:46px; }
.vm-pdp .vm-btn--solid:hover{ background:#fff !important; color:#000 !important; }
.vm-pdp .vm-info-trio{ display:grid; grid-template-columns:repeat(3,1fr); margin:14px 0 8px; }
.vm-pdp .vm-info-item{ padding:0 10px; text-align:center; }
.vm-pdp .vm-info-item + .vm-info-item{ border-left:1px solid #d6d4cc; }
.vm-pdp .vm-info-label{ font-family:var(--vm-font-h); font-size:10px; line-height:14px; letter-spacing:1.5px; text-transform:uppercase; color:var(--vm-grey); margin:0 0 2px; }
.vm-pdp .vm-info-value{ font-size:13px; line-height:18px; margin:0; }
.vm-pdp .vm-info-list{ margin:12px 0 0; padding:0; border-top:1px solid #e6e4dd; }
.vm-pdp .vm-info-list li{ border-bottom:1px solid #e6e4dd; margin:0; padding:0; }
.vm-pdp .vm-info-row{ display:block; width:100%; height:44px; padding:0 2px; background:none !important; border:none !important; border-radius:0; cursor:pointer; text-align:left; font-family:var(--vm-font-h); font-size:14px; line-height:20px; color:#000 !important; }
.vm-pdp .vm-info-row:hover{ text-decoration:underline; } .vm-pdp .vm-dim-figure{ margin:0 0 22px; }
.vm-pdp .vm-dim-plan{ width:100%; height:auto; display:block; background:#fff; border:1px solid var(--vm-muted); padding:12px; }
.vm-pdp .vm-dim-caption{ font-size:12px; margin-top:8px; text-align:center; color:var(--vm-grey); }
.vm-pdp .vm-spec-list, .vm-pdp .vm-fab-block dl{ margin:0; padding:0; }
.vm-pdp .vm-spec-row{ display:flex; justify-content:space-between; gap:16px; padding:8px 0; border-bottom:1px solid #eceae3; font-size:14px; }
.vm-pdp .vm-spec-row:last-child{ border-bottom:none; }
.vm-pdp .vm-spec-row dt{ color:#000; margin:0; font-weight:400; }
.vm-pdp .vm-spec-row dd{ margin:0; text-align:right; color:#000; }
.vm-pdp .vm-sku{ font-size:12px; margin:24px 0 0; color:var(--vm-grey); } .vm-pdp .vm-styling{ max-width:var(--vm-max); margin:0 auto; padding:32px var(--vm-gutter); display:grid; grid-template-columns:1fr; gap:16px; align-items:center; }
.vm-pdp .vm-styling-tile{ aspect-ratio:4/3; background:var(--vm-band); overflow:hidden; }
.vm-pdp .vm-styling-tile img{ width:100%; height:100%; max-width:none; object-fit:cover; }
.vm-pdp .vm-styling-tile--2{ display:none; }
.vm-pdp .vm-styling-text h2{ margin-bottom:8px; }
.vm-pdp .vm-styling-text p{ font-size:14px; margin-bottom:12px; max-width:480px; }
.vm-pdp .vm-link-underline{ font-family:var(--vm-font-h); font-size:14px; color:#000; text-decoration:underline; text-underline-offset:4px; }
@media (min-width:1025px){
.vm-pdp .vm-styling{ max-width:1600px; padding:40px; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.6fr); gap:24px; }
.vm-pdp .vm-styling-tile--2{ display:block; }
.vm-pdp .vm-styling-text{ padding:0 0 0 24px; }
} .vm-pdp .vm-related{ max-width:var(--vm-max); margin:8px auto 0; padding:0 var(--vm-gutter) 56px; }
.vm-pdp .vm-related-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:20px; }
.vm-pdp .vm-related-arrows{ display:none; gap:8px; }
.vm-pdp .vm-rel-arrow{ width:40px; height:40px; padding:0; background:transparent !important; border:1px solid #000 !important; border-radius:0; cursor:pointer; font-size:20px; line-height:1; color:#000 !important; }
.vm-pdp .vm-rel-arrow:hover{ background:#000 !important; color:#fff !important; }
.vm-pdp .vm-related-track{ display:flex; gap:16px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scrollbar-width:none; -webkit-overflow-scrolling:touch; padding-bottom:4px; }
.vm-pdp .vm-related-track::-webkit-scrollbar{ display:none; }
.vm-pdp .vm-rel-card{ flex:0 0 calc((100% - 16px) / 1.6); scroll-snap-align:start; text-align:left; background:none; border:none; padding:0; font:inherit; color:inherit; display:block; text-decoration:none; }
.vm-pdp a.vm-rel-card{ cursor:pointer; }
.vm-pdp .vm-rel-img{ aspect-ratio:3/4; background:var(--vm-band); overflow:hidden; display:block; }
.vm-pdp .vm-rel-img img{ width:100%; height:100%; max-width:none; object-fit:cover; display:block; }
.vm-pdp .vm-rel-name{ font-family:var(--vm-font-h); font-size:14px; line-height:20px; margin-top:10px; display:block; }
.vm-pdp .vm-rel-brand{ font-size:13px; line-height:18px; color:var(--vm-grey); display:block; min-height:18px; }
.vm-pdp .vm-rel-hit{ display:block; width:100%; padding:0; margin:0; background:none !important; border:none !important; border-radius:0; font:inherit; color:inherit !important; text-align:left; cursor:pointer; text-transform:none; letter-spacing:normal; }
.vm-pdp .vm-rel-hit:focus-visible{ outline:2px solid #000; outline-offset:3px; }
.vm-pdp .vm-rel-card--mat .vm-rel-img{ position:relative; }
.vm-pdp .vm-rel-hit:hover .vm-rel-name{ text-decoration:underline; text-underline-offset:3px; }
.vm-pdp .vm-rel-badge{ position:absolute; left:10px; top:10px; background:#111; color:#fff; font-size:11px; line-height:16px; letter-spacing:.06em; text-transform:uppercase; padding:4px 8px; }
.vm-pdp .vm-rel-badge[hidden]{ display:none; }
.vm-pdp .vm-rel-card--mat.is-selected .vm-rel-img{ outline:1px solid #111; outline-offset:-1px; }
.vm-pdp .vm-rel-price{ font-family:var(--vm-font-h); font-size:14px; line-height:20px; margin-top:2px; display:block; min-height:20px; }
@media (min-width:1025px){
.vm-pdp .vm-related{ max-width:1600px; padding:0 40px 72px; }
.vm-pdp .vm-related-arrows{ display:flex; }
.vm-pdp .vm-related--few .vm-related-arrows{ display:none; }
.vm-pdp .vm-rel-card{ flex-basis:calc((100% - 64px) / 4.5); }
} @media (max-width:1024px){
.vm-pdp .vm-main{ padding:0 var(--vm-gutter); }
.vm-pdp .vm-studio{ margin:0 calc(var(--vm-gutter) * -1); }
.vm-pdp .vm-studio-nav, .vm-pdp .vm-studio-counter{ display:none; }
.vm-pdp .vm-studio-dots{ display:flex; justify-content:center; gap:7px; position:absolute; left:0; right:0; bottom:10px; z-index:2; pointer-events:none; }
.vm-pdp .vm-studio-dots i{ width:7px; height:7px; border-radius:50%; background:rgba(0,0,0,.28); display:block; }
.vm-pdp .vm-studio-dots i.on{ background:#000; }
} .vm-pdp .vm-sticky{
position:fixed; left:0; right:0; bottom:0; z-index:99990; display:flex; align-items:center; justify-content:space-between; gap:16px;
padding:10px var(--vm-gutter) calc(10px + env(safe-area-inset-bottom, 0px)); background:var(--vm-bg); border-top:1px solid var(--vm-muted);
transform:translateY(100%); visibility:hidden; transition:transform .25s ease, visibility 0s linear .25s;
}
.vm-pdp .vm-sticky.is-visible{ transform:none; visibility:visible; transition:transform .25s ease, visibility 0s; }
.vm-pdp .vm-sticky-price{ font-family:var(--vm-font-h); font-size:22px; line-height:28px; font-weight:500; white-space:nowrap; }
.vm-pdp .vm-sticky-price.vm-price--request{ font-size:17px; }
.vm-pdp .vm-sticky .vm-btn{ padding:14px 28px; flex:0 0 auto; }
body.vm-pdp-modal-open .vm-pdp .vm-sticky, body.vm-pdp-drawer-open .vm-pdp .vm-sticky{ visibility:hidden; transform:translateY(100%); transition:none; }
@media (min-width:1025px){ .vm-pdp .vm-sticky{ display:none; } }
.vm-pdp .vm-modal-backdrop{ position:fixed; inset:0; background:rgba(0,0,0,.5); display:flex; align-items:center; justify-content:center; padding:16px; z-index:100000; }
.vm-pdp .vm-modal{ background:#fff; border:1px solid #000; width:100%; max-width:480px; max-height:90vh; overflow-y:auto; padding:32px 24px 28px; position:relative; }
.vm-pdp .vm-modal-close, .vm-pdp .vm-drawer-close{ position:absolute; top:10px; right:10px; background:none !important; border:none !important; font-size:22px; line-height:1; cursor:pointer; padding:6px 10px; color:#000 !important; }
.vm-pdp .vm-modal .vm-h2{ margin-bottom:16px; padding-right:24px; font-size:24px; line-height:30px; }
.vm-pdp .vm-modal-summary{ border:1px solid var(--vm-muted); padding:12px 14px; margin-bottom:22px; font-size:13px; line-height:20px; }
.vm-pdp .vm-modal-summary p{ margin-bottom:6px; }
.vm-pdp .vm-modal-summary p:last-child{ margin-bottom:0; }
.vm-pdp .vm-modal-fallback{ font-size:14px; } .vm-pdp .wpcf7{ margin:0; }
.vm-pdp .wpcf7 form{ margin:0; }
.vm-pdp .wpcf7 p{ margin:0 0 16px; }
.vm-pdp .wpcf7 label{ display:flex; flex-direction:column; gap:6px; font-size:14px; line-height:20px; margin:0; }
.vm-pdp .wpcf7 .vm-label{ font-family:var(--vm-font-h); font-size:11px; line-height:14px; letter-spacing:.06em; text-transform:uppercase; }
.vm-pdp .wpcf7 .wpcf7-form-control-wrap{ display:block; margin:0; }
.vm-pdp .wpcf7 input[type=text], .vm-pdp .wpcf7 input[type=email], .vm-pdp .wpcf7 input[type=tel], .vm-pdp .wpcf7 textarea{
display:block; width:100%; max-width:none; margin:0; padding:10px 12px; border:1px solid var(--vm-muted); border-radius:0; background:#fff; color:#000;
font-family:var(--vm-font-b); font-size:14px; line-height:20px; box-shadow:none; resize:vertical; height:auto;
}
.vm-pdp .wpcf7 input[type=text]:focus, .vm-pdp .wpcf7 input[type=email]:focus, .vm-pdp .wpcf7 input[type=tel]:focus, .vm-pdp .wpcf7 textarea:focus{ border-color:#000; background:#fff; }
.vm-pdp .wpcf7 .wpcf7-acceptance .wpcf7-list-item{ margin:0; display:block; }
.vm-pdp .wpcf7 .wpcf7-acceptance label{ flex-direction:row; align-items:flex-start; gap:10px; font-size:13px; line-height:19px; cursor:pointer; }
.vm-pdp .wpcf7 input[type=checkbox]{
-webkit-appearance:checkbox !important; appearance:auto !important; display:inline-block; flex:0 0 auto; width:16px !important; height:16px !important;
margin:2px 0 0; padding:0; border:0; background:none; box-shadow:none; accent-color:#000;
}
.vm-pdp .wpcf7 input[type=checkbox]::before, .vm-pdp .wpcf7 input[type=checkbox]::after{ content:none !important; display:none !important; }
.vm-pdp .wpcf7 input[type=submit], .vm-pdp .wpcf7 .wpcf7-submit{
display:block; width:100%; padding:20px 50px; background:transparent !important; color:#000 !important; border:1px solid #000 !important; border-radius:0; cursor:pointer;
font-family:var(--vm-font-btn); font-size:15px; font-weight:400; letter-spacing:1.8px; text-transform:none; line-height:normal; box-shadow:none;
}
.vm-pdp .wpcf7 input[type=submit]:hover{ background:#000 !important; color:#fff !important; }
.vm-pdp .wpcf7-not-valid-tip{ font-size:12px; line-height:16px; color:#b00020; margin-top:4px; display:block; }
.vm-pdp .wpcf7 form .wpcf7-response-output{ margin:16px 0 0; padding:10px 12px; border:1px solid var(--vm-muted); font-size:13px; line-height:18px; }
.vm-pdp .wpcf7 form.sent .wpcf7-response-output{ border-color:#000; }
.vm-pdp .wpcf7-spinner{ display:none; }
.vm-pdp .vm-drawer-backdrop{ position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:100001; display:flex; justify-content:flex-end; align-items:stretch; }
.vm-pdp .vm-drawer{ background:#fff; width:420px; max-width:100%; height:100%; display:flex; flex-direction:column; animation:vm-drawer-in .25s ease; }
@keyframes vm-drawer-in{ from{ transform:translateX(100%); } to{ transform:none; } }
.vm-pdp .vm-drawer-head{ position:relative; display:grid; grid-template-columns:44px 1fr 44px; align-items:center; padding:12px; border-bottom:1px solid #e6e4dd; }
.vm-pdp .vm-drawer-head h2{ grid-column:2; text-align:center; font-size:16px; line-height:24px; font-weight:500; }
.vm-pdp .vm-drawer-close{ position:static; grid-column:3; font-size:28px; }
.vm-pdp .vm-drawer-body{ flex:1 1 auto; overflow-y:auto; padding:20px 24px 32px; }
.vm-pdp .vm-drawer-body p{ font-size:14px; margin-bottom:14px; }
.vm-pdp .vm-drawer-body ul{ margin:0 0 16px; padding-left:18px; font-size:14px; list-style:disc; }
.vm-pdp .vm-drawer-body li{ margin-bottom:8px; }
.vm-pdp .vm-fab-block{ padding:12px 0; border-top:1px solid #eceae3; }
.vm-pdp .vm-fab-block h3{ font-family:var(--vm-font-h); font-size:14px; line-height:20px; font-weight:500; margin-bottom:4px; }
.vm-pdp .vm-fab-block .vm-spec-row{ padding:2px 0; font-size:13px; border:none; }
.vm-pdp .vm-fab-block dt{ color:var(--vm-grey); }
.vm-pdp .vm-mat-figure{ margin:0 0 16px; background:var(--vm-band); }
.vm-pdp .vm-mat-figure img{ width:100%; height:auto; display:block; aspect-ratio:4/3; object-fit:cover; }
.vm-pdp .vm-drawer-body .vm-mat-meta{ font-size:12px; line-height:17px; letter-spacing:.06em; text-transform:uppercase; color:var(--vm-grey); margin-bottom:6px; }
.vm-pdp .vm-drawer-body .vm-mat-price{ font-family:var(--vm-font-h); font-size:18px; line-height:26px; margin-bottom:16px; }
.vm-pdp .vm-mat-price span{ font-family:inherit; font-size:12px; color:var(--vm-grey); margin-left:6px; }
.vm-pdp .vm-mat-h{ font-family:var(--vm-font-h); font-size:14px; line-height:20px; font-weight:500; margin:18px 0 4px; }
.vm-pdp .vm-mat-add{ width:100%; margin-top:20px; }
.vm-pdp .vm-mat-add.is-added{ background:#fff !important; color:#111 !important; border:1px solid #111 !important; }
.vm-pdp .vm-drawer-note{ font-size:12px; line-height:17px; margin-top:16px; color:var(--vm-grey); }
body.vm-pdp-modal-open, body.vm-pdp-drawer-open{ overflow:hidden; }
@media (max-width:1024px){ .vm-pdp .vm-drawer{ width:100%; } }
@media (prefers-reduced-motion:reduce){
.vm-pdp .vm-sticky, .vm-pdp .vm-sticky.is-visible, .vm-pdp .vm-studio-track{ transition:none; }
.vm-pdp .vm-drawer{ animation:none; }
}  @media (max-width:1024px){
.vm-pdp .vm-dd, .vm-pdp .vm-dd option,
.vm-pdp .wpcf7 input[type=text], .vm-pdp .wpcf7 input[type=email], .vm-pdp .wpcf7 input[type=tel], .vm-pdp .wpcf7 input[type=number],
.vm-pdp .wpcf7 input[type=url], .vm-pdp .wpcf7 select, .vm-pdp .wpcf7 textarea{ font-size:16px !important; line-height:22px; } body.vm-pdp-product #qodef-back-to-top{ display:none !important; }
} .vm-pdp .vm-fsw-group{ padding:0 0 14px; }
.vm-pdp .vm-fsw-group h3{ font-family:var(--vm-font-h); font-size:13px; line-height:20px; font-weight:500; margin:0 0 6px; }
.vm-pdp .vm-fsw-row{ display:flex; flex-wrap:wrap; gap:6px; }
.vm-pdp .vm-fsw{ width:56px; height:56px; padding:0 !important; margin:0; border:1px solid transparent !important; background:none !important; border-radius:0 !important; cursor:pointer; line-height:0; }
.vm-pdp .vm-fsw img{ width:100%; height:100%; object-fit:cover; display:block; }
.vm-pdp .vm-fsw:hover, .vm-pdp .vm-fsw:focus-visible{ border-color:#000 !important; outline:1px solid #000; outline-offset:1px; } .vm-pdp .vm-slide img, .vm-pdp .vm-mg-item img{ cursor:zoom-in; }
html.vm-lb-open, html.vm-lb-open body{ overflow:hidden !important; }
.vm-lb{ position:fixed; inset:0; z-index:100005; background:#fff; display:flex; align-items:center; justify-content:center; }
.vm-lb[hidden]{ display:none !important; }
.vm-lb-fig{ margin:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; padding:56px 72px; box-sizing:border-box; cursor:zoom-out; }
.vm-lb-img{ max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; display:block; cursor:default; }
.vm-lb button{ position:absolute; background:none !important; border:none !important; box-shadow:none !important; color:#111 !important; cursor:pointer; padding:0; line-height:1; font-family:inherit; }
.vm-lb-close{ top:12px; right:16px; font-size:34px; width:44px; height:44px; }
.vm-lb-nav{ top:50%; transform:translateY(-50%); width:56px; height:72px; font-size:44px; }
.vm-lb-prev{ left:8px; } .vm-lb-next{ right:8px; }
.vm-lb button:hover{ opacity:.6; }
.vm-lb button:focus-visible{ outline:1px solid #111; outline-offset:2px; }
.vm-lb-count{ position:absolute; bottom:16px; left:0; right:0; text-align:center; font-size:11px; letter-spacing:.12em; color:#111; }
@media (max-width:1024px){
.vm-lb-fig{ padding:56px 0; }
.vm-lb-nav{ width:44px; height:56px; font-size:36px; background:rgba(255,255,255,.7) !important; }
.vm-lb-prev{ left:0; } .vm-lb-next{ right:0; }
} .vm-fpop{ position:fixed; z-index:100010; width:220px; background:#fff; border:1px solid #111; padding:6px; box-sizing:border-box; pointer-events:none; box-shadow:0 6px 24px rgba(0,0,0,.12); }
.vm-fpop[hidden]{ display:none !important; }
.vm-fpop img{ display:block; width:206px; height:206px; object-fit:cover; }
.vm-fpop span{ display:block; font-size:12px; line-height:16px; color:#111; padding:6px 2px 2px; }
.vm-fp{ position:fixed; inset:0; z-index:100020; background:#fff; display:flex; overflow:auto; }
.vm-fp[hidden]{ display:none !important; }
.vm-fp-box{ display:flex; flex-direction:column; align-items:center; gap:14px; padding:56px 16px 32px; width:100%; max-width:664px; box-sizing:border-box; margin:auto; }
.vm-fp-img{ display:block; width:min(600px,100%); height:auto; aspect-ratio:1/1; object-fit:cover; }
.vm-fp-name{ margin:0; font-size:16px; line-height:22px; color:#111; text-align:center; }
.vm-fp button{ font-family:inherit; cursor:pointer; }
.vm-fp-close{ position:absolute; top:12px; right:16px; width:44px; height:44px; padding:0; font-size:34px; line-height:1; background:none !important; border:none !important; box-shadow:none !important; color:#111 !important; }
.vm-fp-close:hover{ opacity:.6; }
.vm-fp-pick{ min-width:240px; height:48px; padding:0 24px; background:#000 !important; color:#fff !important; border:1px solid #000 !important; border-radius:0 !important; font-size:14px; letter-spacing:.04em; }
.vm-fp-pick.is-picked{ background:#fff !important; color:#111 !important; }
.vm-fp button:focus-visible{ outline:1px solid #111; outline-offset:2px; }.vm-cta {
position: fixed;
top: 33px; right: 40px;
z-index: 111; margin: 0;
display: flex;
line-height: 19.1667px;
}
.admin-bar .vm-cta { top: 65px; }
.vm-cta.is-moved { display: none; } .vm-cta--in { position: absolute; top: 0; right: 0; z-index: 3; }
.vm-cta--sticky { right: 40px; }  .vm-cta__link {
display: inline-block;
box-sizing: border-box;
padding: 10px 24px; border: 0;
border-radius: 0;
background: var(--vm-accent, #111111);
color: var(--vm-accent-text, #F4F3EF);
font-family: "Nunito Sans", sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 14px;
letter-spacing: 0.22em;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
box-shadow: none;
transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease;
}
a.vm-cta__link:hover,
a.vm-cta__link:focus-visible {
background: var(--vm-hover, #3A3A3A);
color: var(--vm-accent-text, #F4F3EF);
text-decoration: none;
}
.vm-cta__link:focus-visible {
outline: 2px solid var(--vm-hover, #5E5144);
outline-offset: 3px;
}
.vm-cta__link[aria-current="page"] {
text-decoration: underline;
text-underline-offset: 4px;
} .vm-cta--outline .vm-cta__link {
padding: 9px 23px;
border: 1px solid var(--vm-accent, #7A6A58);
background: transparent;
color: var(--vm-accent, #7A6A58);
}
.vm-cta--outline a.vm-cta__link:hover,
.vm-cta--outline a.vm-cta__link:focus-visible {
background: var(--vm-hover, #5E5144);
border-color: var(--vm-hover, #5E5144);
color: var(--vm-accent-text, #fff);
} .vm-cta--inactive .vm-cta__link,
.vm-cta--inactive .vm-cta__link:hover {
background: var(--vm-inactive, #E3E3D7);
color: var(--vm-inactive-text, #4A4A4A);
cursor: default;
}
.vm-cta--inactive a.vm-cta__link { cursor: pointer; }
.vm-cta--inactive .vm-cta__link:focus-visible { outline-color: var(--vm-inactive-text, #4A4A4A); }
.vm-cta--outline.vm-cta--inactive .vm-cta__link,
.vm-cta--outline.vm-cta--inactive .vm-cta__link:hover {
background: transparent;
border-color: var(--vm-inactive, #bababa);
color: var(--vm-inactive-text, #6b6b6b);
}
.vm-cta--outline.vm-cta--inactive a.vm-cta__link:hover { border-color: var(--vm-accent, #7A6A58); } @media (max-width: 1024px) {
.vm-cta { top: 17px; right: 70px; z-index: 10000; }
.admin-bar .vm-cta { top: 49px; }
.vm-cta--in { top: 0; right: 70px; z-index: 3; }
.vm-cta__link { padding: 8px 16px; font-size: 11px; line-height: 14px; } .vm-cta--outline .vm-cta__link { padding: 7px 15px; }
}
@media (max-width: 782px) {
.admin-bar .vm-cta { top: 63px; }
}
@media print { .vm-cta { display: none; } } @media (min-width: 769px) {
#qodef-page-footer-top-area-inner .qodef-grid-item:last-child:has(.qodef-widget-title) {
margin-top: 0 !important;
justify-content: flex-start !important;
}
#qodef-page-footer-top-area-inner .qodef-grid-item:last-child .qodef-widget-title {
text-align: right !important;
margin: 0 0 14px !important;
}
}