@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.table{display:table}}:root{--red:#8f1731;--red-dark:#621123;--cream:#f7f1e8;--ink:#211b1d;--muted:#756b6d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:DM Sans,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#fffffff5;border-bottom:1px solid #eee;align-items:center;gap:34px;height:82px;padding:0 max(4vw,24px);display:flex;position:sticky;top:0}.site-header img{width:126px;display:block}.site-header nav{gap:28px;margin:auto;font-size:14px;font-weight:600;display:flex}.site-header nav a:hover{color:var(--red)}.button{background:var(--red);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;padding:15px 22px;font-weight:700;display:inline-flex;box-shadow:0 8px 20px #8f17312b}.button:hover{background:var(--red-dark)}.button.small{padding:11px 16px;font-size:13px}.button.secondary{color:var(--red);box-shadow:none;background:#fff;border:1px solid #d9c7cb}.hero{background:linear-gradient(120deg,#faf6f0 0 56%,#ece3d8 56%);grid-template-columns:1.05fr .95fr;align-items:center;gap:7vw;min-height:670px;padding:70px max(6vw,32px);display:grid}.hero-copy{max-width:690px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--red);font-size:12px;font-weight:800}.eyebrow.light{color:#efbdc8}.hero h1,.section h2,.customizer-section h2,.steps h2{letter-spacing:-.045em;margin:18px 0 22px;font:800 clamp(38px,5vw,72px)/1.04 Manrope,sans-serif}.hero h1 em{color:var(--red);font-style:normal}.hero-copy>p{color:#5f5557;max-width:630px;font-size:19px;line-height:1.65}.hero-actions{align-items:center;gap:22px;margin:32px 0;display:flex}.hero-actions span{color:var(--muted);font-size:13px}.hero-image{object-fit:cover;border-radius:130px 18px;width:100%;max-height:530px;box-shadow:0 26px 60px #3c231b33}.trust{border-top:1px solid #ddcfca;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:8px 12px;margin-top:44px;padding-top:24px;display:grid}.trust b{color:var(--red);font-size:21px}.trust span{color:var(--muted);font-size:12px}.benefits{background:var(--red);color:#fff;grid-template-columns:repeat(4,1fr);gap:0;padding:26px max(6vw,32px);display:grid}.benefits div{border-right:1px solid #fff3;padding:8px 28px}.benefits div:last-child{border:0}.benefits b,.benefits span{display:block}.benefits span{opacity:.75;margin-top:4px;font-size:12px}.section{text-align:center;padding:110px max(6vw,32px)}.section h2,.customizer-section h2,.steps h2{max-width:900px;margin-left:auto;margin-right:auto;font-size:clamp(34px,4vw,55px)}.lead{max-width:650px;color:var(--muted);margin:0 auto 42px;font-size:18px}.gallery{grid-template-rows:250px 250px;grid-template-columns:1.25fr repeat(2,1fr);gap:14px;max-width:1200px;margin:auto;display:grid}.gallery img{object-fit:cover;border-radius:10px;width:100%;height:100%}.gallery img:first-child{grid-row:span 2}.gallery img:hover{transition:all .25s;transform:scale(1.015)}.formats{background:#f8f5f0}.format-cards{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1200px;margin:46px auto 0;display:grid}.format-cards>div{text-align:left;background:#fff;border:1px solid #ebe4dc;border-radius:12px;padding:34px 24px}.format-cards h3{margin:22px 0 8px;font:700 18px Manrope}.format-cards p{color:var(--muted);font-size:14px;line-height:1.55}.mini-bag{background:#eee5d9;border:1px solid #d1c5b7;width:86px;height:80px;margin:auto;display:block;position:relative;box-shadow:5px 8px 14px #ddd}.mini-bag:before{content:"";border:4px solid #7f6c5c;border-bottom:0;border-radius:24px 24px 0 0;width:38px;height:38px;position:absolute;top:-27px;left:20px}.mini-1{width:70px;height:66px}.mini-2{width:110px;height:74px}.mini-3{width:66px;height:100px}.customizer-section{color:#fff;background:#221a1c;padding:100px max(4vw,22px)}.section-heading{grid-template-columns:1fr .7fr;align-items:end;gap:70px;max-width:1250px;margin:auto auto 44px;display:grid}.section-heading h2{text-align:left;margin:12px 0 0}.section-heading p{color:#bdb4b5;line-height:1.65}.customizer{max-width:1250px;color:var(--ink);background:#f4f0e9;border-radius:16px;grid-template-columns:minmax(0,1.4fr) minmax(340px,.72fr);margin:auto;display:grid;overflow:hidden;box-shadow:0 30px 90px #00000059}.stage-column{flex-direction:column;min-width:0;display:flex}.angle-tabs{background:#ebe5dc;gap:6px;padding:16px 18px;display:flex;overflow:auto}.angle-tabs button{white-space:nowrap;color:#6e6462;background:0 0;border:0;border-radius:7px;padding:9px 13px;font-size:12px;font-weight:700}.angle-tabs button.active{color:var(--red);background:#fff;box-shadow:0 3px 10px #d5ccc1}.stage{background:radial-gradient(circle at 50% 38%,#fff 0,#f4eee6 47%,#ddd4ca 100%);place-items:center;height:650px;display:grid;position:relative;overflow:hidden}.stage:after{content:"";filter:blur(26px);background:#2e20192e;border-radius:50%;width:54%;height:9%;position:absolute;bottom:13%}.bag{--bag-color:#fff;--handle-color:#111;--ratio:1;width:min(52%,410px);aspect-ratio:var(--ratio);z-index:2;filter:drop-shadow(18px 28px 19px #2318123d);touch-action:none;transform-style:preserve-3d;transition:all .45s;position:relative}.bag-face{background:linear-gradient(100deg,#fff3,transparent 18% 76%,#0000001a),var(--bag-color);clip-path:polygon(4% 3%,96% 3%,100% 100%,0 100%);transition:all .35s;position:absolute;inset:0;overflow:hidden}.bag-side{background:var(--bag-color);position:absolute}@supports (color:color-mix(in lab, red, red)){.bag-side{background:color-mix(in srgb,var(--bag-color),#000 22%)}}.bag-side{clip-path:polygon(0 0,100% 7%,85% 100%,0 100%);transform-origin:0;opacity:0;width:18%;height:96%;transition:all .35s;top:4%;right:-15%}.angle-right{transform:perspective(1000px)rotateY(-7deg)}.angle-left{transform:perspective(1000px)rotateY(7deg)}.angle-right .bag-side{opacity:1}.angle-left .bag-side{opacity:1;clip-path:polygon(100% 0,0 7%,15% 100%,100% 100%);background:var(--bag-color);left:-15%;right:auto}@supports (color:color-mix(in lab, red, red)){.angle-left .bag-side{background:color-mix(in srgb,var(--bag-color),#000 15%)}}.angle-back .bag-logo{opacity:.8;transform:translate(-50%,-50%)scaleX(-1)}.bag-handle{border:8px solid var(--handle-color);z-index:0;filter:drop-shadow(2px 2px 2px #0000002e);border-bottom:0;border-radius:50% 50% 0 0;width:54%;height:52%;position:absolute;top:-38%;left:23%}.handle-gorgurao .bag-handle{border-width:14px;border-radius:46% 46% 0 0}.handle-front{z-index:4;clip-path:inset(86% 0 0)}.bag-texture{mix-blend-mode:multiply;min-width:100%;max-width:none;height:auto;position:absolute;transform:translate(-50%,-50%)}.bag-logo{object-fit:contain;filter:drop-shadow(0 1px 1px #00000017);-webkit-user-select:none;user-select:none;pointer-events:none;height:auto;max-height:54%;position:absolute;transform:translate(-50%,-50%)}.eyelet{z-index:6;border-radius:50%;width:16px;height:16px;position:absolute;top:5%;box-shadow:inset 2px 2px 3px #ffffff8c,0 1px 2px #555}.eyelet.left{left:25%}.eyelet.right{right:25%}.stage-tip{z-index:5;text-align:center;color:#806f70;pointer-events:none;border:1px dashed #b6a8a8;border-radius:8px;padding:18px 34px;position:absolute}.stage-tip b,.stage-tip span{display:block}.stage-tip span{margin-top:4px;font-size:11px}.stage-footer{color:#756b69;background:#ebe5dc;justify-content:space-between;padding:14px 18px;font-size:11px;display:flex}.controls{background:#fff;max-height:724px;overflow:auto}.controls details{border-bottom:1px solid #eee}.controls summary{cursor:pointer;align-items:center;gap:12px;padding:19px 22px;font-weight:700;list-style:none;display:flex}.controls summary::-webkit-details-marker{display:none}.controls summary span{width:24px;height:24px;color:var(--red);background:#f0e5e8;border-radius:50%;place-items:center;font-size:11px;display:grid}.control-body{padding:0 22px 22px}.control-body>label{text-transform:uppercase;letter-spacing:.07em;margin:12px 0 9px;font-size:11px;font-weight:800;display:block}.control-body small{color:#82787a;margin-top:10px;line-height:1.45;display:block}.option-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.option-grid button,.toggle button,.remove-row button{background:#fff;border:1px solid #ded8d4;border-radius:7px;padding:10px 8px;font-size:12px}.option-grid button.selected,.toggle button.selected{border-color:var(--red);color:var(--red);background:#fbf3f5}.swatches{flex-wrap:wrap;gap:9px;display:flex}.swatches button,.custom-color{border:2px solid #fff;border-radius:50%;width:29px;height:29px;position:relative;box-shadow:0 0 0 1px #d7d0cc}.swatches button.selected{box-shadow:0 0 0 3px var(--red)}.custom-color{background:#eee;place-items:center;font-size:16px;display:grid}.custom-color input{opacity:0;width:1px;position:absolute}.upload{color:#5f5557;background:#faf8f5;border:1px dashed #baaeb0;border-radius:8px;width:100%;margin-top:14px;padding:12px;font-size:12px;font-weight:700}.primary-upload{border-color:var(--red);color:var(--red);background:#fff7f8}.sliders{gap:10px;margin-top:14px;display:grid}.sliders label{color:#6e6466;grid-template-columns:120px 1fr;align-items:center;font-size:11px;display:grid}.sliders input{accent-color:var(--red);width:100%}.toggle{grid-template-columns:1fr 1fr;gap:7px;display:grid}.toggle.thirds{grid-template-columns:repeat(3,1fr)}.toggle.thirds button{text-transform:capitalize}.remove-row{grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;display:grid}.remove-row button:last-child{color:var(--red);border-color:#d9b8c0}.finish-bar{background:#33282b;border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;max-width:1250px;margin:18px auto 0;padding:18px;display:grid}.finish-bar span,.finish-bar b{display:block}.finish-bar span{color:#a89da0;font-size:11px}.finish-bar b{margin-top:4px;font-size:14px}.status{text-align:center;color:#d4c7ca;font-size:12px}.why-grid{text-align:left;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1200px;margin:50px auto 0;display:grid}.why-grid>div{background:#f8f4ef;border-radius:10px;padding:28px}.why-grid b{color:var(--red)}.why-grid h3{margin:28px 0 8px;font:700 17px Manrope}.why-grid p{color:var(--muted);font-size:13px}.steps{background:var(--red);color:#fff;text-align:center;padding:100px max(6vw,32px)}.steps>div{text-align:left;grid-template-columns:repeat(4,1fr);max-width:1100px;margin:50px auto 0;display:grid}.steps article{border-left:1px solid #ffffff40;padding:25px}.steps article>b{color:#e6a9b6;font-size:35px}.steps h3{font:700 17px Manrope}.steps p{opacity:.74;font-size:13px;line-height:1.55}footer{color:#fff;background:#191315;grid-template-columns:170px 1fr 1fr auto;align-items:center;gap:38px;padding:55px max(6vw,32px);display:grid}footer img{filter:brightness(0)invert();width:145px}footer p{color:#a99ea1;font-size:13px;line-height:1.6}footer div b,footer div span{display:block}footer div span{color:#a99ea1;margin-top:5px;font-size:12px}@media (width<=900px){.site-header nav{display:none}.site-header{height:68px}.site-header .button{margin-left:auto}.hero{background:#faf6f0;grid-template-columns:1fr;padding-top:50px}.hero-image{max-height:390px}.benefits{grid-template-columns:1fr 1fr}.benefits div:nth-child(2){border:0}.gallery{grid-template-rows:220px 180px 180px;grid-template-columns:1fr 1fr}.gallery img:first-child{grid-area:auto/span 2}.format-cards,.why-grid{grid-template-columns:1fr 1fr}.section-heading{grid-template-columns:1fr;gap:8px}.customizer{grid-template-columns:1fr}.controls{max-height:none}.stage{height:560px}.finish-bar{grid-template-columns:1fr 1fr}.finish-bar div{grid-column:span 2}.steps>div,footer{grid-template-columns:1fr 1fr}}@media (width<=560px){.site-header .button{display:none}.hero{padding:40px 20px}.hero h1{font-size:40px}.hero-actions{flex-direction:column;align-items:flex-start}.trust{grid-template-columns:auto 1fr}.benefits{grid-template-columns:1fr;padding:16px}.benefits div{border-bottom:1px solid #ffffff2e;border-right:0}.section{padding:75px 20px}.gallery{display:flex;overflow:auto}.gallery img{min-width:76vw;height:330px}.format-cards,.why-grid{grid-template-columns:1fr}.customizer-section{padding:75px 12px}.stage{height:440px}.bag{width:60%}.finish-bar{grid-template-columns:1fr}.finish-bar div{grid-column:auto}.finish-bar .button{width:100%}.steps{padding:75px 20px}.steps>div{grid-template-columns:1fr}.steps article{border-top:1px solid #ffffff40;border-left:0}footer{text-align:center;grid-template-columns:1fr}footer img{margin:auto}}body{background:#221a1c}.customizer-section{min-height:100vh;padding-top:54px;padding-bottom:54px}.section-heading{align-items:center}.option-grid{grid-template-columns:repeat(3,1fr)}.angle-right,.angle-left{transform:none}.angle-right .bag-face{clip-path:polygon(0 4%,100% 0,100% 100%,0 97%);left:0;right:10%}.angle-right .bag-side{opacity:1;clip-path:polygon(0 0,100% 8%,88% 97%,0 100%);background:var(--bag-color);width:10.5%;height:100%;display:block;top:0;left:auto;right:0}@supports (color:color-mix(in lab, red, red)){.angle-right .bag-side{background:color-mix(in srgb,var(--bag-color),#000 25%)}}.angle-right .bag-handle{width:50%;left:20%}.angle-right .eyelet.left{left:27%}.angle-right .eyelet.right{right:18%}.angle-left .bag-side{opacity:1;clip-path:polygon(100% 0,0 8%,12% 97%,100% 100%);background:var(--bag-color);width:10.5%;height:100%;display:block;top:0;left:0;right:auto}@supports (color:color-mix(in lab, red, red)){.angle-left .bag-side{background:color-mix(in srgb,var(--bag-color),#000 25%)}}.angle-left .bag-handle{width:50%;left:30%}@media (width<=700px){.customizer-section{padding-top:34px}.section-heading{display:block}.option-grid{grid-template-columns:1fr}}.personalization-tabs{z-index:8;background:#f2ede7;border-bottom:1px solid #e6dfd8;grid-template-columns:1fr 1fr;gap:7px;padding:14px;display:grid;position:sticky;top:0}.personalization-tabs button{color:#675d60;background:#fff;border:1px solid #d8cfca;border-radius:8px;padding:12px 8px;font-size:12px;font-weight:800}.personalization-tabs button.active{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 7px 16px #8f173133}.accordion-trigger{text-align:left;color:#4f4648;background:#fff;border:1px solid #d9d3ce;border-radius:9px;grid-template-columns:34px 1fr 22px;align-items:center;width:calc(100% - 24px);min-height:52px;margin:12px 12px 0;padding:8px;display:grid}.accordion-trigger>span{width:30px;height:30px;color:var(--red);background:#f2ece8;border-radius:7px;place-items:center;font-size:11px;font-weight:800;display:grid}.accordion-trigger>b{font-size:13px}.accordion-trigger>i{transform-origin:50%;font-size:20px;font-style:normal;transition:all .2s}.accordion-trigger.active{border-color:var(--red);box-shadow:0 6px 16px #8f17311f}.accordion-trigger.active>span{background:var(--red);color:#fff}.accordion-trigger.active>i{transform:rotate(180deg)}.accordion-panel{background:#fdfbfa;border:1px solid #eadfe1;border-top:0;border-radius:0 0 9px 9px;margin:0 12px 4px;padding:14px 12px 18px;animation:.2s ease-out panel-in}.accordion-panel>label{text-transform:uppercase;letter-spacing:.07em;margin:14px 0 9px;font-size:11px;font-weight:800;display:block}.accordion-panel>label:first-child{margin-top:0}@keyframes panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.text-input{border:1px solid #ded8d4;border-radius:8px;outline:none;width:100%;padding:11px 12px;font-size:12px}.text-input:focus{border-color:var(--red);box-shadow:0 0 0 3px #f4e3e7}.wide-color{background:#fff;border:1px solid #ded8d4;border-radius:8px;width:100%;height:36px;padding:3px}.bag-face:after{content:"";pointer-events:none;mix-blend-mode:multiply;z-index:3;background:linear-gradient(82deg,#0000 0 12%,#ffffff1f 17%,#0000 22% 68%,#0000000e 76%,#0000 83%),linear-gradient(96deg,#0000 48%,#0000000b 50%,#ffffff12 52%,#0000 55%);position:absolute;inset:0}.bag-side{overflow:hidden;background:var(--side-color)!important}.bag-side:after{content:"";clip-path:polygon(0 100%,50% 0,100% 100%);z-index:3;pointer-events:none;background:linear-gradient(145deg,#ffffff57 0 48%,#0000001f 50% 100%);width:100%;height:45%;position:absolute;bottom:0;left:0}.side-texture{mix-blend-mode:multiply;z-index:1;max-width:none;height:auto;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.side-contact{z-index:5;writing-mode:vertical-rl;letter-spacing:.04em;white-space:nowrap;text-shadow:0 1px #ffffff40;font-size:clamp(8px,1.1vw,13px);font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(180deg)}.angle-front .bag-face{clip-path:polygon(0 3%,96% 0,100% 97%,0 100%);left:10%;right:0}.angle-front .bag-side{opacity:1;clip-path:polygon(100% 0,0 7%,10% 96%,100% 100%);width:10.5%;height:97%;display:block;top:3%;left:0;right:auto}.angle-front .bag-handle{width:50%;left:30%;transform:rotate(-1deg)}.angle-front .eyelet.left{left:18%}.angle-front .eyelet.right{right:27%}.angle-left .bag-face{clip-path:polygon(0 1%,96% 4%,100% 96%,0 100%);left:27%;right:0}.angle-left .bag-side{opacity:1;clip-path:polygon(100% 0,0 8%,8% 96%,100% 100%);width:28%;height:99%;display:block;top:1%;left:0;right:auto}.angle-left .bag-handle{width:42%;left:41%;transform:rotate(1deg)}.angle-left .eyelet.left{left:34%}.angle-left .eyelet.right{right:18%}.stage{background:#f6f3ee;height:720px}.photo-mockup{aspect-ratio:1;z-index:2;touch-action:none;-webkit-user-select:none;user-select:none;width:min(96%,690px);position:relative}.format-view-tabs{background:#ebe5dc;border-bottom:1px solid #ddd3c8;justify-content:center;align-items:center;gap:7px;padding:12px 16px;display:flex}.format-view-tabs span{letter-spacing:.08em;text-transform:uppercase;color:#776d69;margin-right:4px;font-size:11px;font-weight:800}.format-view-tabs button{color:#675e5b;cursor:pointer;background:#fff;border:1px solid #d3c8bd;border-radius:8px;padding:9px 15px;font-size:12px;font-weight:750}.format-view-tabs button.active{color:#fff;background:var(--red);border-color:var(--red);box-shadow:0 3px 10px #6f152533}.artwork-overlay{z-index:7;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.format-loading{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#6f1525;letter-spacing:.02em;background:#f7f4efeb;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex;position:absolute;inset:0}.loading-spinner{border:3px solid #d9cec5;border-top-color:#6f1525;border-radius:50%;width:34px;height:34px;animation:.7s linear infinite format-spin}@keyframes format-spin{to{transform:rotate(360deg)}}.bag-photo{object-fit:contain;z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.photo-front-color,.photo-front-texture{clip-path:polygon(28.7% 22.4%,77.4% 22.6%,78.9% 72.3%,31.1% 75.7%);mix-blend-mode:multiply;pointer-events:none;position:absolute;inset:0}.photo-front-color{z-index:2;opacity:.9}.photo-front-texture{z-index:3;background-repeat:no-repeat}.photo-side-color,.photo-side-texture{clip-path:polygon(23.2% 22.5%,28.7% 22.4%,31.1% 75.7%,20.1% 71.9%);mix-blend-mode:multiply;pointer-events:none;position:absolute;inset:0}.photo-side-color{z-index:2;opacity:.9}.photo-side-texture{z-index:3;background-position:50%;background-repeat:no-repeat}.photo-logo{z-index:6;object-fit:contain;filter:drop-shadow(0 1px 1px #00000014);pointer-events:none;height:auto;max-height:38%;position:absolute;transform:translate(-50%,-50%)skewY(-1.2deg)rotate(-.35deg)}.photo-side-contact{z-index:6;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;max-width:55%;font-size:clamp(7px,1vw,12px);font-weight:800;position:absolute;top:51%;left:25%;overflow:hidden;transform:translate(-50%,-50%)rotate(87deg)}.eyelet-overlay{z-index:8;pointer-events:none;position:absolute;inset:0}.eyelet-piece{border-radius:50%;width:2.45%;height:2.45%;position:absolute;transform:translate(-50%,-50%)rotate(.3deg)skewY(.25deg)scaleY(.96)}.eyelet-piece i{background:#171717;border-radius:50%;width:28%;height:28%;position:absolute;top:36%;left:36%}.eyelet-piece img{object-fit:contain;filter:drop-shadow(0 1px 1px #00000040);width:90%;height:90%;position:absolute;inset:5%}.photo-retangular .eyelet-piece{transform:translate(-50%,-50%)rotate(.9deg)skewY(.8deg)scaleY(.92)}.photo-vertical .eyelet-piece{transform:translate(-50%,-50%)rotate(.45deg)skewY(.45deg)scaleY(.94)}.rope-overlay{z-index:9;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.eyelet-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.eyelet-options button{color:#655b5c;cursor:pointer;background:#fff;border:1px solid #ded8d4;border-radius:8px;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:6px 3px;font-size:9px;display:flex}.eyelet-options button.selected{border-color:var(--red);box-shadow:0 0 0 2px #6f152521}.eyelet-options img{object-fit:contain;width:31px;height:31px}.eyelet-options span{text-overflow:ellipsis;max-width:100%;overflow:hidden}.grosgrain-palette{grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;max-height:168px;padding:3px;display:grid;overflow:auto}.grosgrain-palette button{color:#675d5d;cursor:pointer;background:#fff;border:1px solid #ddd5cf;border-radius:6px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:3px;font-size:8px;display:flex}.grosgrain-palette button.selected{border-color:var(--red);box-shadow:0 0 0 2px #6f152526}.grosgrain-palette i{border-radius:3px;width:100%;height:18px;display:block;box-shadow:inset 0 0 0 1px #00000014}.remove-image{width:100%;color:var(--red);cursor:pointer;background:#fff7f8;border:1px solid #d9b7be;border-radius:8px;margin-top:7px;padding:9px 12px;font-size:11px;font-weight:750}.remove-image:hover{background:#fbecef}.logo-color-row{grid-template-columns:1fr 1fr;gap:7px;display:grid}.logo-color-row button,.logo-color-picker{color:#5f5557;cursor:pointer;background:#fff;border:1px solid #ded8d4;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-size:11px;font-weight:700;display:flex}.logo-color-row .selected{border-color:var(--red);color:var(--red);background:#fbf3f5}.logo-color-picker:before{content:"";background:var(--logo-color);border-radius:50%;width:20px;height:20px;box-shadow:0 0 0 1px #cfc7c3}.logo-color-picker input{opacity:0;width:1px;height:1px;position:absolute}.model-select{color:#4d4446;background:#fff;border:1px solid #ded8d4;border-radius:8px;width:100%;padding:11px 34px 11px 11px;font-size:12px}.cord-preview{background:repeating-conic-gradient(#f1eeea 0 25%,#fff 0 50%) 50%/12px 12px;border:1px solid #e4ded9;border-radius:8px;align-items:center;height:46px;margin-top:8px;padding:7px;display:flex;overflow:hidden}.cord-preview img{object-fit:fill;filter:drop-shadow(0 1px 1px #0000002e);width:100%;height:28px}.photo-retangular .photo-front-color,.photo-retangular .photo-front-texture{clip-path:polygon(22.2% 22.1%,86.3% 23.3%,87.6% 70.5%,24.1% 75.2%)}.photo-retangular .photo-side-color,.photo-retangular .photo-side-texture{clip-path:polygon(16.9% 22.6%,22.2% 22.1%,24.1% 75.2%,14.7% 71.1%)}.photo-retangular .photo-side-contact{top:49%;left:19.6%}.photo-quadrada .photo-logo{transform:translate(-50%,-50%)perspective(900px)rotateY(-2.4deg)skewY(-.8deg)rotate(-.45deg)}.photo-retangular .photo-logo{transform:translate(-50%,-50%)perspective(900px)rotateY(-1.8deg)skewY(.65deg)rotate(.35deg)}.photo-vertical .photo-front-color,.photo-vertical .photo-front-texture{clip-path:polygon(33.6% 13.1%,78.7% 13.8%,80.4% 80.4%,35.1% 84.3%)}.photo-vertical .photo-side-color,.photo-vertical .photo-side-texture{clip-path:polygon(28.2% 13.6%,33.6% 13.1%,35.1% 84.3%,25.3% 80.1%)}.photo-vertical .photo-side-contact{top:51%;left:30.8%}.photo-vertical .photo-logo{transform:translate(-50%,-50%)perspective(900px)rotateY(-2deg)skewY(.35deg)rotate(-.15deg)}@media (width<=700px){.stage{height:470px}.photo-mockup{width:100%}}