#dialog:has(.detail-layout) .button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 23px;text-decoration:none;font-size:14px;line-height:1.4;min-height:48px;transition:background .2s,color .2s,transform .2s,box-shadow .2s}
#dialog:has(.detail-layout) .button:hover{transform:translateY(-2px);box-shadow:0 5px 13px #201b1815}
#dialog:has(.detail-layout) .button:active{transform:translateY(0) scale(.985)}
#dialog:has(.detail-layout) .primary{background:var(--wine);color:white}
#dialog:has(.detail-layout) .primary:hover{background:var(--wine-dark)}
#dialog:has(.detail-layout) .outline{border-color:var(--wine);color:var(--wine);background:white}
#dialog:has(.detail-layout) .outline:hover{background:#f8f1ee}
#dialog:has(.detail-layout) .text-button{border:0;background:none;text-decoration:underline;text-underline-offset:4px;font-size:14px;padding:8px 0;color:var(--wine)}
#dialog:has(.detail-layout) .text-button:hover{color:var(--gold)}
#dialog:has(.detail-layout) .icon-button{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);background:white;color:var(--ink);font-size:28px;transition:background .2s}
#dialog:has(.detail-layout) .icon-button:hover{background:var(--soft)}
#dialog:has(.detail-layout) .dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px}
#dialog:has(.detail-layout) .dialog-top .eyebrow,#dialog:has(.detail-layout) .dialog-top h2{margin:0}
#dialog:has(.detail-layout) .dialog-top h2{font-size:28px}
#dialog:has(.detail-layout) .detail-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:40px}
#dialog:has(.detail-layout) .detail-media{position:sticky;top:0;align-self:start;text-align:center}
#dialog:has(.detail-layout) .detail-info h2{font-size:38px;line-height:1.12;overflow-wrap:anywhere;margin-bottom:14px}
#dialog:has(.detail-layout) .detail-info #detail-code{color:var(--wine);margin-bottom:12px}
#dialog:has(.detail-layout) .detail-info #detail-artist{margin-bottom:3px}
#dialog:has(.detail-layout) .detail-info #detail-theme{font-size:13px}
#dialog:has(.detail-layout) .config-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}
#dialog:has(.detail-layout) .wide{grid-column:1/-1}
#dialog:has(.detail-layout) .config-grid .field-help{margin:-8px 0 0}
#dialog:has(.detail-layout) .config-grid select{font-size:14px}
#dialog:has(.detail-layout) .color-options{display:flex;gap:10px;flex-wrap:wrap}
#dialog:has(.detail-layout) .color-choice{border:1px solid var(--line);background:white;padding:8px 10px;display:flex;align-items:center;gap:7px;font-size:13px;min-height:44px;transition:border-color .2s,background .2s}
#dialog:has(.detail-layout) .color-choice[aria-pressed=true]{border:2px solid var(--wine);padding:7px 9px;background:#faf3f0}
#dialog:has(.detail-layout) .swatch{width:19px;height:19px;border-radius:50%;border:1px solid #0002}
#dialog:has(.detail-layout) .price-panel{background:#f4f0e9;padding:20px;border-left:3px solid var(--gold)}
#dialog:has(.detail-layout) .price-panel>span{display:block;font-size:13px;color:var(--muted)}
#dialog:has(.detail-layout) .price-panel strong{display:block;font:32px/1.25 Georgia,serif;margin:5px 0 10px}
#dialog:has(.detail-layout) .price-panel p{font-size:13px;margin:0}
#dialog:has(.detail-layout) .price-panel .text-button{font-size:13px;margin-top:8px}
@media (max-width:1050px){#dialog:has(.detail-layout) .detail-layout{gap:25px}
#dialog:has(.detail-layout) .detail-info h2{font-size:33px}
#dialog:has(.detail-layout) .color-options{gap:6px}
#dialog:has(.detail-layout) .color-choice{padding:7px;font-size:12px}
#dialog:has(.detail-layout) .color-choice[aria-pressed=true]{padding:6px}}
@media (max-width:700px){#dialog:has(.detail-layout) .detail-layout{display:block}
#dialog:has(.detail-layout) .detail-media{position:static}
#dialog:has(.detail-layout) .detail-info{padding-top:26px}
#dialog:has(.detail-layout) .detail-info h2{font-size:33px}
#dialog:has(.detail-layout) .config-grid{gap:16px}
#dialog:has(.detail-layout) .config-grid select{font-size:16px}
#dialog:has(.detail-layout) .color-options{gap:8px}
#dialog:has(.detail-layout) .color-choice{padding:10px;font-size:13px}
#dialog:has(.detail-layout) .color-choice[aria-pressed=true]{padding:9px}
#dialog:has(.detail-layout) .dialog-top{padding-bottom:20px}
#dialog:has(.detail-layout) .dialog-top h2{font-size:25px}}
@media (max-width:360px){#dialog:has(.detail-layout) .config-grid{grid-template-columns:1fr}
#dialog:has(.detail-layout) .wide{grid-column:1}}
#dialog:has(.detail-layout) .config-grid>*{min-width:0}
#dialog:has(.detail-layout) .config-grid select{min-width:0;max-width:100%}
#dialog:has(.detail-layout) .config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:360px){#dialog:has(.detail-layout) .config-grid{grid-template-columns:minmax(0,1fr)}}
#dialog:has(.detail-layout) .detail-info #detail-artist{font-size:13px;color:var(--muted)}
#dialog:has(.detail-layout) .detail-info h2{font-size:43px}
#dialog:has(.detail-layout) .price-panel{background:#f6f2eb;border-left-width:2px;padding:24px}
#dialog:has(.detail-layout) .price-panel strong{font-size:40px;letter-spacing:-.025em}
#dialog:has(.detail-layout) .button{letter-spacing:.025em}
#dialog:has(.detail-layout) .button:hover{box-shadow:0 6px 16px #201b181c}
#dialog:has(.detail-layout) .detail-info select:disabled{opacity:1;color:var(--muted);background:#f6f3ef;cursor:default}
@media (max-width:700px){#dialog:has(.detail-layout) .detail-info h2{font-size:36px}}
#dialog:has(.detail-layout) .preview-tools{display:flex;justify-content:center;gap:9px 18px;flex-wrap:wrap;padding-top:12px}
#dialog:has(.detail-layout) .preview-tools .text-button{font-size:12px;min-height:38px}
#dialog:has(.detail-layout) .preview-tools button:disabled{color:var(--muted);text-decoration:none;cursor:default}
#dialog:has(.detail-layout) .preview-tools button[aria-pressed=true]{color:var(--wine);font-weight:bold}
#dialog:has(.detail-layout) .preview-tools{flex-wrap:wrap}
#dialog:has(.detail-layout){max-width:1160px;padding:22px 28px 28px}
#dialog:has(.detail-layout) .detail-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);grid-template-areas:"media heading" "media options";gap:0 35px;align-items:start}
#dialog:has(.detail-layout) .detail-info{display:contents}
#dialog:has(.detail-layout) .detail-media{grid-area:media;position:sticky;top:0;min-width:0}
#dialog:has(.detail-layout) .detail-heading{grid-area:heading;min-width:0}
#dialog:has(.detail-layout) .detail-options{grid-area:options;min-width:0}
#dialog:has(.detail-layout) .detail-heading #detail-code{font-size:11px;color:var(--muted);margin:0 0 8px}
#dialog:has(.detail-layout) .detail-heading h2{font-size:34px;margin:0 0 10px;line-height:1.12}
#dialog:has(.detail-layout) .detail-credit-line{display:flex;align-items:center;gap:10px;margin-bottom:16px}
#dialog:has(.detail-layout) .detail-credit-line>p{font-size:14px;margin:0;color:var(--muted)}
#dialog:has(.detail-layout) .detail-heading .price-panel{background:#f4efe7;border:1px solid #d7c6af;border-left:3px solid var(--gold);padding:16px 18px;margin-bottom:16px;position:relative}
#dialog:has(.detail-layout) .detail-heading .price-panel strong{font-size:38px;line-height:1.1;margin:8px 0}
#dialog:has(.detail-layout) .detail-heading .price-panel>span{font-size:12px}
#dialog:has(.detail-layout) .detail-heading .price-panel p{font-size:12px;line-height:1.5;padding-right:0}
#dialog:has(.detail-layout) .detail-heading .price-panel .text-button{font-size:12px;margin-top:6px;padding:3px 0}
#dialog:has(.detail-layout) .config-grid{gap:15px 16px;margin:4px 0 16px}
#dialog:has(.detail-layout) .field-block{min-width:0}
#dialog:has(.detail-layout) .field-block>label{font-size:13px;font-weight:600;display:block;margin-bottom:7px}
#dialog:has(.detail-layout) .field-block select{display:block;width:100%;border:1px solid #cbbfb2;background:#fff;padding:11px 10px;min-height:45px;font-size:14px;color:var(--ink)}
#dialog:has(.detail-layout) .config-grid fieldset{margin:0}
#dialog:has(.detail-layout) .config-grid legend{font-size:13px;font-weight:600;margin-bottom:7px}
#dialog:has(.detail-layout) .color-options{gap:8px}
#dialog:has(.detail-layout) .color-choice{font-size:12px;padding:7px 9px}
#dialog:has(.detail-layout) .detail-options .notice{font-size:12px;line-height:1.5;padding:10px 12px;margin:10px 0}
#dialog:has(.detail-layout) .preview-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:12px}
#dialog:has(.detail-layout) .preview-tools>.text-button{font-size:13px;min-height:40px}
#dialog:has(.detail-layout) .detail-credit-line .help-content{left:0;right:auto}
#dialog:has(.detail-layout) .detail-media .help-content{top:auto;bottom:36px}
#dialog:has(.detail-layout) .detail-options .wide{grid-column:1/-1}
@media (max-width:700px){#dialog:has(.detail-layout){padding:18px;max-height:94svh;width:calc(100% - 20px)}
#dialog:has(.detail-layout) .detail-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "media" "options";gap:18px}
#dialog:has(.detail-layout) .detail-media{position:static}
#dialog:has(.detail-layout) .detail-heading h2{font-size:29px}
#dialog:has(.detail-layout) .detail-heading .price-panel{margin-bottom:0}
#dialog:has(.detail-layout) .detail-heading .price-panel strong{font-size:34px}
#dialog:has(.detail-layout) .detail-credit-line{margin-bottom:13px}
#dialog:has(.detail-layout) .config-grid{margin:0 0 14px;gap:15px}
#dialog:has(.detail-layout) .field-block select{font-size:16px}
#dialog:has(.detail-layout) .preview-tools{gap:4px 12px;margin-top:7px}
#dialog:has(.detail-layout) .preview-tools>.text-button{font-size:12px}
#dialog:has(.detail-layout) .detail-credit-line .help-content{left:auto;right:0}
#dialog:has(.detail-layout) .detail-media .help-content{right:0}
#dialog:has(.detail-layout) .detail-options .help-content{top:auto;bottom:36px}}
@media (max-width:360px){#dialog:has(.detail-layout) .config-grid{grid-template-columns:minmax(0,1fr)}
#dialog:has(.detail-layout) .detail-heading h2{font-size:27px}}
@media (max-width:700px){#dialog:has(.detail-layout) .help-content{position:fixed;left:50%;right:auto;top:auto;bottom:20px;transform:translateX(-50%);width:calc(100vw - 60px);max-width:340px;max-height:40svh;overflow-y:auto}
#dialog:has(.detail-layout) .help-popover summary{width:32px;height:32px}}
#dialog:has(.detail-layout) .mat-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-height:238px;overflow-y:auto;padding:5px 3px 8px}
#dialog:has(.detail-layout) .mat-choice{min-width:0;border:1px solid transparent;padding:5px 3px;background:transparent;color:var(--ink);font-size:10px;line-height:1.25;display:flex;flex-direction:column;align-items:center;gap:5px;min-height:72px}
#dialog:has(.detail-layout) .mat-swatch{display:block;width:33px;height:33px;border-radius:50%;border:1px solid #b4a999;box-shadow:inset 0 0 0 2px #fff6;background-image:url("assets/molduras/paspartu-paper-neutral.webp");background-size:160px;background-blend-mode:multiply}
#dialog:has(.detail-layout) .mat-choice small{font-size:9px;color:var(--wine)}
#dialog:has(.detail-layout) .mat-choice[aria-pressed=true]{border-color:var(--wine);background:#f3eae4}
#dialog:has(.detail-layout) .mat-choice:hover{background:#f4efe9}
#dialog:has(.detail-layout) .mat-choice:focus-visible{outline:2px solid var(--wine);outline-offset:1px}
@media (max-width:700px){#dialog:has(.detail-layout) .mat-options{grid-template-columns:repeat(5,minmax(0,1fr));max-height:240px}
#dialog:has(.detail-layout) .mat-choice{font-size:11px}
#dialog:has(.detail-layout) .mat-swatch{width:35px;height:35px}}
#dialog:has(.detail-layout) .mat-options{grid-template-columns:repeat(4,minmax(0,1fr));max-height:260px}
#dialog:has(.detail-layout) .mat-choice{font-size:13px;min-height:82px}
#dialog:has(.detail-layout) .mat-choice small{font-size:11px}
@media (max-width:700px){#dialog:has(.detail-layout) .mat-options{grid-template-columns:repeat(4,minmax(0,1fr))}
#dialog:has(.detail-layout) .mat-choice{font-size:12px}}
#dialog:has(.detail-layout){width:min(1220px,calc(100vw - 48px));max-width:1220px;height:min(920px,94svh);max-height:94svh;padding:0;border:1px solid #fff9;border-radius:28px;background:linear-gradient(135deg,#fffdf8,#f8f3eb);color:var(--ink);box-shadow:0 35px 110px #160e1559;overflow:hidden}
#dialog:has(.detail-layout)[open]{display:flex;flex-direction:column;animation:detail-reveal .25s ease both}
#dialog:has(.detail-layout)::backdrop{background:#1e171c91;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
#dialog:has(.detail-layout)>.dialog-top{flex:0 0 auto;margin:0;padding:18px 25px 14px;border-bottom:1px solid #d7c5ad55;background:#fffcf5bc;align-items:center}
#dialog:has(.detail-layout)>.dialog-top .eyebrow{font-size:11px;letter-spacing:.17em;color:#765343}
#dialog:has(.detail-layout)>.dialog-top .close{width:42px;height:42px;min-height:42px;border-radius:50%;border:1px solid #cdbba17a;background:#fff9;color:#4c2029;font-size:27px;display:grid;place-items:center;padding:0}
#dialog:has(.detail-layout) .detail-layout{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bca68b transparent;padding:25px;gap:0 30px;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:start;scroll-padding:20px}
#dialog:has(.detail-layout) .detail-media{position:sticky;top:0;align-self:start}
#dialog:has(.detail-layout) .detail-stage{height:58svh;min-height:320px;max-height:650px;border-radius:22px;border:1px solid #e0d5c7;background:radial-gradient(ellipse at 30% 15%,#fffdf8,#eae4d9);padding:30px}
#dialog:has(.detail-layout) .detail-stage[data-white=true]{background:radial-gradient(ellipse at 30% 15%,#ded8cc,#bab8af)}
#dialog:has(.detail-layout) .preview-tools{justify-content:center;gap:4px 15px;margin-top:12px}
#dialog:has(.detail-layout) .preview-tools>.text-button{font-size:12px;min-height:36px;color:#641e29;text-underline-offset:4px}
#dialog:has(.detail-layout) .detail-heading #detail-code{font-size:10px;letter-spacing:.13em;color:#806c58;margin-bottom:9px}
#dialog:has(.detail-layout) .detail-heading h2{font-size:clamp(28px,2.6vw,38px);line-height:1.1;letter-spacing:-.025em;margin-bottom:10px}
#dialog:has(.detail-layout) .detail-credit-line{gap:10px;margin-bottom:17px}
#dialog:has(.detail-layout) .detail-credit-line>p{font-size:13px;color:#756657}
#dialog:has(.detail-layout) .detail-heading .price-panel{padding:17px 20px;margin:0 0 24px;border-radius:19px;border:1px solid #dac6a980;border-left:1px solid #dac6a980;background:linear-gradient(130deg,#fffdf9db,#eadac352);box-shadow:inset 0 1px 0 #fff,0 5px 20px #603c1207;position:relative}
#dialog:has(.detail-layout) .price-panel>span{font-size:12px;color:#746453;display:block;padding-right:35px}
#dialog:has(.detail-layout) .price-panel>strong{font-size:38px;color:#641e29;margin:7px 0 0;font-weight:400;line-height:1.1}
#dialog:has(.detail-layout) .price-help{position:absolute;right:16px;top:17px}
#dialog:has(.detail-layout) .price-help .help-content{top:36px;width:290px;text-align:left}
#dialog:has(.detail-layout) .price-help #price-note{padding:0;margin:0 0 8px;font-size:13px}
#dialog:has(.detail-layout) .config-grid{gap:15px 16px;margin:0 0 20px}
#dialog:has(.detail-layout) .config-section-title{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:600;color:#8a6844;padding-top:16px;border-top:1px solid #cdb89e55;margin:2px 0 -1px}
#dialog:has(.detail-layout) .config-section-title:first-child{padding-top:0;border:0}
#dialog:has(.detail-layout) .field-block>label,#dialog:has(.detail-layout) .field-label>label,#dialog:has(.detail-layout) .config-grid legend{font-size:13px;font-weight:500;color:#47352d}
#dialog:has(.detail-layout) .field-block select{border-radius:13px;border:1px solid #c9b49a8c;min-height:47px;padding:12px 13px;background:#fff9;box-shadow:inset 0 1px 0 #fff;color:#342820;font-size:14px}
#dialog:has(.detail-layout) .field-block select:disabled{color:#847668;background:#ece5db66}
#dialog:has(.detail-layout) .color-options{gap:8px;display:flex;flex-wrap:wrap}
#dialog:has(.detail-layout) .color-choice{border-radius:99px;min-height:42px;padding:8px 12px;background:#fff8;border:1px solid #cfbba18c;font-size:12px;color:#4f3b2e}
#dialog:has(.detail-layout) .color-choice[aria-pressed=true]{border-color:#641e29;background:#641e290a;box-shadow:0 0 0 1px #641e2922}
#dialog:has(.detail-layout) .mat-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-height:230px;padding:5px 2px}
#dialog:has(.detail-layout) .mat-choice{border-radius:15px;border:1px solid #cbb79955;background:#fffcf69c;min-height:83px;padding:9px 4px;font-size:12px}
#dialog:has(.detail-layout) .mat-choice[aria-pressed=true]{border-color:#641e29;background:#641e290b}
#dialog:has(.detail-layout) .mat-choice small{font-size:10px}
#dialog:has(.detail-layout) .mat-swatch{width:32px;height:32px}
#dialog:has(.detail-layout) .mat-hint{font-size:11px;line-height:1.45;color:#766655;margin:8px 0}
#dialog:has(.detail-layout) .mat-expand{font-size:12px;color:#641e29;min-height:38px;padding:4px 0;text-underline-offset:5px}
#dialog:has(.detail-layout) .print-field label{display:inline-flex;align-items:center;gap:7px;border-radius:99px;padding:9px 12px;margin:0 6px 4px 0;font-size:12px;background:#fff9;border:1px solid #cbb79966;min-height:40px}
#dialog:has(.detail-layout) input[type=radio]{accent-color:#641e29}
#dialog:has(.detail-layout) .notice{border-radius:12px;background:#f0e4d58c;border-color:#c8ae87;font-size:12px;line-height:1.5;padding:12px 14px}
#dialog:has(.detail-layout) .help-popover summary{border-color:#b69b7a88;background:#fff9;color:#641e29;width:29px;height:29px}
#dialog:has(.detail-layout) .help-popover[open] summary{background:#641e29;color:white}
#dialog:has(.detail-layout) .help-content{border-radius:15px;background:#fffaf5f5;box-shadow:0 15px 35px #3d231726;z-index:50}
#dialog:has(.detail-layout) .detail-purchase-bar{flex:0 0 auto;display:grid;grid-template-columns:minmax(180px,.55fr) minmax(0,1fr);gap:4px 24px;padding:16px 25px 12px;border-top:1px solid #c8b29966;background:linear-gradient(140deg,#fffdf8f5,#f2e8daf2);box-shadow:0 -8px 22px #3f201808;z-index:6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
#dialog:has(.detail-layout) .purchase-price{align-self:center;min-width:0}
#dialog:has(.detail-layout) .purchase-price>span{display:block;font-size:11px;line-height:1.4;color:#756150}
#dialog:has(.detail-layout) .purchase-price>strong{display:block;font-family:Georgia,serif;font-size:29px;font-weight:400;color:#641e29;line-height:1.1;margin-top:3px}
#dialog:has(.detail-layout) .detail-actions{display:grid;grid-template-columns:1.1fr 1fr;gap:12px;margin:0;align-items:stretch}
#dialog:has(.detail-layout) .detail-actions .button{border-radius:14px;min-height:49px;font-size:14px;padding:11px 15px;line-height:1.3;box-shadow:none}
#dialog:has(.detail-layout) #single-consult{background:linear-gradient(140deg,#7a293a,#581725);color:white;border:1px solid #641e29;box-shadow:0 7px 18px #641e2924}
#dialog:has(.detail-layout) #single-consult:hover{background:#4f1522}
#dialog:has(.detail-layout) #save-combination{border:1px solid #ae8b6a8c;background:#fff9;color:#641e29}
#dialog:has(.detail-layout) #save-combination:hover{background:#fff}
#dialog:has(.detail-layout) .detail-purchase-bar .consult-note{grid-column:2;margin:3px 0 0;font-size:10px;color:#7b6858;text-align:left}
#dialog:has(.detail-layout) .dialog-toast{z-index:80}
@media (max-width:700px){#dialog:has(.detail-layout){width:calc(100vw - 16px);height:96svh;max-height:96svh;border-radius:23px}
#dialog:has(.detail-layout)>.dialog-top{padding:12px 16px 10px}
#dialog:has(.detail-layout)>.dialog-top .eyebrow{font-size:10px;letter-spacing:.12em}
#dialog:has(.detail-layout)>.dialog-top .close{width:38px;height:38px;min-height:38px;font-size:25px}
#dialog:has(.detail-layout) .detail-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "media" "options";padding:18px 16px 22px;gap:16px}
#dialog:has(.detail-layout) .detail-media{position:static}
#dialog:has(.detail-layout) .detail-heading h2{font-size:29px;margin-bottom:7px}
#dialog:has(.detail-layout) .detail-credit-line{margin-bottom:13px}
#dialog:has(.detail-layout) .detail-heading .price-panel{padding:12px 15px;margin-bottom:0;border-radius:16px}
#dialog:has(.detail-layout) .price-panel>strong{font-size:31px;margin-top:4px}
#dialog:has(.detail-layout) .price-panel>span{font-size:11px}
#dialog:has(.detail-layout) .price-help{right:13px;top:12px}
#dialog:has(.detail-layout) .detail-stage{height:40svh;min-height:235px;max-height:410px;padding:18px;border-radius:18px}
#dialog:has(.detail-layout) .preview-tools{gap:4px 13px;margin-top:8px}
#dialog:has(.detail-layout) .preview-tools>.text-button{font-size:12px}
#dialog:has(.detail-layout) .field-block select{font-size:16px}
#dialog:has(.detail-layout) .config-grid{gap:14px}
#dialog:has(.detail-layout) .color-choice{font-size:12px;min-height:42px;padding:8px 11px}
#dialog:has(.detail-layout) .mat-options{grid-template-columns:repeat(4,minmax(0,1fr));max-height:220px}
#dialog:has(.detail-layout) .mat-choice{font-size:11px;min-height:80px}
#dialog:has(.detail-layout) .mat-hint{font-size:11px}
#dialog:has(.detail-layout) .detail-purchase-bar{grid-template-columns:1fr;gap:8px;padding:11px 13px max(10px,env(safe-area-inset-bottom));border-radius:0 0 23px 23px}
#dialog:has(.detail-layout) .purchase-price{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
#dialog:has(.detail-layout) .purchase-price>span{font-size:10px}
#dialog:has(.detail-layout) .purchase-price>strong{font-size:23px;margin:0}
#dialog:has(.detail-layout) .detail-actions{gap:8px;grid-template-columns:1.15fr 1fr}
#dialog:has(.detail-layout) .detail-actions .button{font-size:12px;min-height:45px;padding:9px 10px;border-radius:12px}
#dialog:has(.detail-layout) .detail-purchase-bar .consult-note{grid-column:1;font-size:9px;text-align:center;margin:0}
#dialog:has(.detail-layout) .help-content,#dialog:has(.detail-layout) .price-help .help-content{position:fixed;left:50%;right:auto;top:auto;bottom:150px;transform:translateX(-50%);width:calc(100vw - 56px);max-width:340px;max-height:36svh;overflow-y:auto;z-index:70}}
@media (prefers-reduced-motion:reduce){#dialog:has(.detail-layout)[open]{animation:none}}
/* Adapter preserves original layout while using the magazine's dialog content node. */
#dialog:has(.detail-layout) #dialog-content{display:contents}
#dialog:has(.detail-layout)>.close{position:absolute;top:13px;right:20px;width:42px;height:42px;min-height:42px;border-radius:50%;border:1px solid #cdbba17a;background:#fff9;color:#4c2029;font-size:27px;display:grid;place-items:center;padding:0;z-index:8}
#dialog:has(.detail-layout) .detail-preview{position:static;height:58svh;min-height:320px;max-height:650px;padding:0;background:transparent}
#dialog:has(.detail-layout) .inside-config{border:0;padding:0;margin:0}
#dialog:has(.detail-layout) .config-fields{display:grid;grid-template-columns:1fr 1fr}
#dialog:has(.detail-layout) .config-fields label{font-size:13px;color:#47352d}
#dialog:has(.detail-layout) .config-fields select{border-radius:13px;border:1px solid #c9b49a8c;min-height:47px;padding:12px 13px;background:#fff9;box-shadow:inset 0 1px 0 #fff;color:#342820;font-size:14px}
#dialog:has(.detail-layout) [data-mat-label],#dialog:has(.detail-layout) .config-fields label:first-child{grid-column:1/-1}
#dialog:has(.detail-layout) .mat-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-height:230px;overflow:auto;padding:5px 2px}
#dialog:has(.detail-layout) .mat-swatches button{border-radius:15px;border:1px solid #cbb79955;background:#fffcf69c;min-height:83px;width:auto;height:auto;padding:9px 4px;font-size:12px;color:#4f3b2e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
#dialog:has(.detail-layout) .mat-swatches button::before{content:'';display:block;border-radius:50%;width:32px;height:32px;background:var(--mat-swatch);border:1px solid #0002}
#dialog:has(.detail-layout) .mat-swatches button[hidden]{display:none!important}
#dialog:has(.detail-layout) .mat-swatches button[aria-pressed=true]{outline:none;border-color:#641e29;background:#641e290b}
#dialog:has(.detail-layout) .inside-config .config-price{display:none}
#dialog:has(.detail-layout) .detail-purchase-bar .detail-actions{display:grid;grid-template-columns:1.1fr 1fr;gap:12px}
#dialog:has(.detail-layout) .detail-purchase-bar a{display:flex;align-items:center;justify-content:center;text-decoration:none}
#dialog:has(.detail-layout) .price-context{font-size:11px!important}
@media(max-width:700px){#dialog:has(.detail-layout) .detail-preview{height:40svh;min-height:235px;max-height:410px}#dialog:has(.detail-layout) .config-fields select{font-size:16px}#dialog:has(.detail-layout) .detail-purchase-bar .detail-actions{grid-template-columns:1.15fr 1fr;gap:8px}}

#dialog [hidden]{display:none!important}#dialog .inside-config .light-demo{display:none!important}

#dialog:has(.detail-layout) #dialog-content>.dialog-top{flex:0 0 auto;margin:0;padding:18px 25px 14px;border-bottom:1px solid #d7c5ad55;background:#fffcf5bc;align-items:center}#dialog:has(.detail-layout) #dialog-content>.dialog-top .eyebrow{font-size:11px;letter-spacing:.17em;color:#765343;margin:0}#dialog [data-mat-label]>.note{display:block;margin-top:8px;font-size:11px;line-height:1.45;color:#766655}@media(max-width:700px){#dialog:has(.detail-layout) #dialog-content>.dialog-top{padding:12px 16px 10px}}