@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Lora:wght@400;500&display=swap');
casame-corner-guide{font-family:'DM Sans',sans-serif;color:#302923;color-scheme:light;max-width:900px;margin:auto}
casame-corner-guide *{box-sizing:border-box}
casame-corner-guide button{font:inherit;cursor:pointer;min-height:44px}
casame-corner-guide .ss-preview{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:12px;color-scheme:light dark;color:light-dark(#675b52,#d0c5bc)}
casame-corner-guide .ss-width{display:flex;gap:5px}
casame-corner-guide .ss-width button{border:1px solid #bdafa2;background:transparent;color:inherit;border-radius:5px;padding:7px 10px;font-size:12px}
casame-corner-guide .ss-width button[aria-pressed=true]{background:#7b2140;color:#fff6ef;border-color:#7b2140}
casame-corner-guide .ss-window{background:#f4eee7;border:1px solid #d6cbbf;border-radius:12px;overflow:hidden;width:100%;margin:auto;container-type:inline-size}
casame-corner-guide .ss-window.ss-phone{max-width:390px}
casame-corner-guide .ss-brand{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#7b2140;color:#fff6ef}
casame-corner-guide .ss-brand b{font:400 26px 'Lora',serif;letter-spacing:-1px}
casame-corner-guide .ss-brand span{font-size:11px;text-transform:uppercase;letter-spacing:1.5px}
casame-corner-guide .ss-content{padding:25px 24px 22px}
casame-corner-guide h2{font:400 28px/1.2 'Lora',serif;margin:0 0 8px;letter-spacing:-.7px;color:#302923}
casame-corner-guide .ss-intro{font-size:14px;line-height:1.5;margin:0 0 20px;color:#65584e}
casame-corner-guide .ss-shapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 14px}
casame-corner-guide .ss-shapes button{padding:12px 8px;border:1px solid #d4c5b8;border-radius:7px;background:#e7dfd2;color:#302923;font-size:14px;line-height:1.4}
casame-corner-guide .ss-shapes small{display:block;font-size:12px;color:#68594f;margin-top:3px}
casame-corner-guide .ss-shapes button[aria-pressed=true]{border:2px solid #7b2140;padding:11px 7px;background:#ead9dc}
casame-corner-guide .ss-plan{position:relative;display:block;width:104px;height:64px;margin:3px auto 12px}
casame-corner-guide .ss-piece{position:absolute;display:grid;place-items:center;background:#fffaf4;border:1.5px solid #7b2140;border-radius:4px;color:#7b2140;font-size:13px;font-weight:500}
casame-corner-guide .ss-plan-l2 .ss-piece:nth-child(1){left:0;top:0;width:66%;height:42%}
casame-corner-guide .ss-plan-l2 .ss-piece:nth-child(2){right:0;top:0;width:29%;height:100%}
casame-corner-guide .ss-plan-l3 .ss-piece:nth-child(1){left:0;top:0;width:66%;height:42%}
casame-corner-guide .ss-plan-l3 .ss-piece:nth-child(2){right:0;top:0;width:29%;height:42%}
casame-corner-guide .ss-plan-l3 .ss-piece:nth-child(3){right:0;bottom:0;width:29%;height:50%}
casame-corner-guide .ss-plan-u3 .ss-piece:nth-child(1){left:0;top:0;width:26%;height:100%}
casame-corner-guide .ss-plan-u3 .ss-piece:nth-child(2){left:31%;top:0;width:38%;height:42%}
casame-corner-guide .ss-plan-u3 .ss-piece:nth-child(3){right:0;top:0;width:26%;height:100%}
casame-corner-guide .ss-sizing{margin-top:26px;padding-top:23px;border-top:1px solid #d6cbbf}
casame-corner-guide .ss-sizing-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
casame-corner-guide .ss-sizing h3{font:400 22px 'Lora',serif;margin:0;color:#302923}
casame-corner-guide .ss-units{display:flex;gap:3px}
casame-corner-guide .ss-units button{background:transparent;border:1px solid #bca599;border-radius:5px;padding:7px 11px;color:#7b2140;font-size:13px}
casame-corner-guide .ss-units button[aria-pressed=true]{background:#7b2140;color:#fffaf4;border-color:#7b2140}
casame-corner-guide .ss-size-copy,casame-corner-guide .ss-sizing-note{font-size:14px;line-height:1.55;color:#493c33;margin:0 0 15px}
casame-corner-guide .ss-size-table{border-collapse:collapse;width:100%;font-size:14px;color:#302923;background:#fffaf4;border-radius:6px;overflow:hidden}
casame-corner-guide .ss-size-table th,casame-corner-guide .ss-size-table td{padding:12px 14px;border-bottom:1px solid #e1d7cb;text-align:left;font-weight:400}
casame-corner-guide .ss-size-table thead th{background:#e7dfd2;font-weight:500}
casame-corner-guide .ss-size-table td:last-child,casame-corner-guide .ss-size-table thead th:last-child{text-align:right;font-variant-numeric:tabular-nums}
casame-corner-guide .ss-sizing-note{margin:14px 0 0}
@container(max-width:520px){casame-corner-guide .ss-plan{width:60px;height:45px;margin-bottom:10px}casame-corner-guide .ss-piece{font-size:11px;border-radius:3px}casame-corner-guide .ss-sizing h3{font-size:20px}casame-corner-guide .ss-size-table th,casame-corner-guide .ss-size-table td{padding:12px 10px}}
casame-corner-guide .ss-quantity{font-size:14px;line-height:1.5;color:#7b2140;margin:0 0 22px;font-weight:500}
casame-corner-guide .ss-section-title{font:400 19px 'Lora',serif;margin:0 0 10px;color:#302923}
casame-corner-guide .ss-sections{display:flex;gap:6px;padding:5px;border-radius:7px;background:#e7dfd2;margin:0 0 8px}
casame-corner-guide .ss-sections button{flex:1;min-width:0;border:0;background:transparent;color:#574a40;border-radius:5px;padding:9px 7px;font-size:13px;line-height:1.35}
casame-corner-guide .ss-sections button[aria-pressed=true]{background:#7b2140;color:#fff6ef}
casame-corner-guide .ss-stage{background:#fffdf9;border-radius:8px;padding:40px 8px 43px;margin:0;position:relative}
casame-corner-guide .ss-photo-wrap{position:relative;width:100%}
casame-corner-guide .ss-photo{width:100%;height:auto;display:block}
casame-corner-guide .ss-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
casame-corner-guide .ss-highlight{fill:#aa365a;fill-opacity:.23;stroke:none}
casame-corner-guide .ss-tape{fill:none;stroke:#981e43;stroke-width:4.5;stroke-linejoin:round;stroke-linecap:round}
casame-corner-guide .ss-traveller{fill:#981e43;stroke:#fffdf9;stroke-width:2}
casame-corner-guide .ss-badge{position:absolute;width:36px;height:36px;border:2px solid #fffdf9;border-radius:50%;background:#861f43;color:#fffdf9;display:grid;place-items:center;font-size:21px;line-height:1;font-weight:500;transform:translate(-50%,-50%);pointer-events:none}
casame-corner-guide .ss-measure-head{margin:18px 0 12px}
casame-corner-guide .ss-current{color:#7b2140;font-size:16px;font-weight:500;line-height:1.4}
casame-corner-guide .ss-steps{margin:0;padding-left:23px;color:#493c33;font-size:14px;line-height:1.55}
casame-corner-guide .ss-steps li{padding-left:3px;margin:0 0 7px}
casame-corner-guide .ss-steps li:last-child{margin-bottom:0}
casame-corner-guide .ss-steps li::marker{color:#7b2140;font-weight:500}
casame-corner-guide .ss-source-note{font-size:11px;line-height:1.5;margin:10px 0 0;color-scheme:light dark;color:light-dark(#65584e,#d0c5bc)}
casame-corner-guide .ss-order{margin:16px 0 0;padding:12px 14px;background:#ead9dc;border-radius:6px;color:#592135;font-size:13px;line-height:1.5}
casame-corner-guide .ss-order b{font-weight:500}
@container(max-width:520px){casame-corner-guide .ss-content{padding:22px 14px 18px}casame-corner-guide h2{font-size:26px}casame-corner-guide .ss-shapes button{font-size:12px}casame-corner-guide .ss-shapes small{font-size:11px}casame-corner-guide .ss-stage{padding:42px 0 43px}casame-corner-guide .ss-sections button{font-size:12px;padding:9px 4px}casame-corner-guide .ss-current{font-size:15px}}

casame-corner-guide{display:block} casame-corner-guide .ss-window{border:0;border-radius:0} casame-corner-guide button{height:auto;letter-spacing:normal;text-transform:none} casame-corner-guide .ss-content{padding:12px 0} casame-corner-guide .ss-brand{display:none}
casame-corner-guide .ss-shapes button{display:block;text-align:center;white-space:normal} casame-corner-guide .ss-sections button{display:block;text-align:center;white-space:normal} casame-corner-guide .ss-steps{list-style:decimal outside} .modal.drawer:has(casame-corner-guide) .drawer__body{background:#f4eee7;padding:52px 16px 24px!important} .modal.drawer:has(casame-corner-guide) .drawer__close-btn{z-index:2;background:#f4eee7;color:#7b2140} body:has(basic-modal[open] casame-corner-guide) .oke-reviewsTab{display:none!important}