/* v2.99.94 – product-local extra property text input */
.yp2-addon-text-wrap{display:block;width:100%;margin-top:16px}.yp2-addon-text-wrap>strong{display:block;margin:0 0 8px}.yp2-addon-text{box-sizing:border-box;width:100%;min-height:96px;padding:12px 14px;border:1px solid #d9d9d6;border-radius:0;background:#fff;color:inherit;font:inherit;resize:vertical}.yp2-addon-text:focus{outline:1px solid #1d1d1b;outline-offset:0;border-color:#1d1d1b}

/* v3.0.5 — integrated extra-property controls */
.yp2-inline-addon{padding:15px 14px 16px;border-top:1px solid rgba(0,0,0,.09);background:#fff}
.yp2-inline-addon-head{margin:0 0 13px}.yp2-inline-addon-head>strong{font-size:13px;font-weight:700;line-height:1.3}.yp2-inline-addon-head>small{margin-top:3px;font-size:10px;color:#777}
.yp2-inline-field+.yp2-inline-field{margin-top:14px;padding-top:14px;border-top:1px solid #ededed}.yp2-inline-field-label{margin-bottom:10px}.yp2-inline-field-label>strong{font-size:11px;font-weight:650}.yp2-inline-field-label>span{font-size:8px;background:#f3f3f3;color:#777}.yp2-inline-field-label>small{margin-top:2px;font-size:9px;color:#888}
.yp2-inline-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.yp2-inline-choice{min-width:0;min-height:38px;padding:8px 10px;border:1px solid #d9d9d9;background:#fff;border-radius:2px;box-shadow:none;transition:border-color .15s ease,background .15s ease}.yp2-inline-choice:hover{border-color:#8f8f8f}.yp2-inline-choice.is-selected{border-color:#1f1f1f;background:#fafafa;box-shadow:inset 0 0 0 1px #1f1f1f}.yp2-inline-choice>span{overflow:hidden;text-overflow:ellipsis;font-size:10px;font-weight:650}.yp2-inline-choice>small{font-size:9px;color:#666}.yp2-inline-choice>b{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#1f1f1f;color:#fff;font-size:9px;line-height:1}
.yp2-inline-followup{margin-top:9px;padding:11px;background:#f7f7f6;border:1px solid #e4e4e2}.yp2-inline-followup>label{display:flex;align-items:center;gap:6px;margin-bottom:7px;font-size:10px;font-weight:650}.yp2-inline-followup>label>span{font-size:8px;font-weight:500;color:#777}.yp2-inline-input{min-height:38px;padding:8px 10px;border-color:#d6d6d6;border-radius:2px;font-size:10px}.yp2-inline-field textarea.yp2-inline-input,.yp2-inline-followup textarea.yp2-inline-input{min-height:72px;line-height:1.45}
@media(max-width:520px){.yp2-inline-choices{grid-template-columns:1fr 1fr}}

/* Design: compact grouped tools; the existing editors remain canonical. */
.yp2-design-intro{margin:0 0 16px;color:#666;line-height:1.5}
.yp2-design-section{border:1px solid #dedede;border-radius:5px;margin:0 0 10px;background:#fff;overflow:hidden}
.yp2-design-section>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:15px 16px;list-style:none}
.yp2-design-section>summary::-webkit-details-marker{display:none}
.yp2-design-section>summary:after{content:'⌄';font-size:20px;line-height:1;color:#666}
.yp2-design-section[open]>summary:after{content:'⌃'}
.yp2-design-heading{display:flex;flex-direction:column;gap:3px}
.yp2-design-heading strong{font-size:14px}
.yp2-design-heading small{font-size:12px;color:#777}
.yp2-design-section-body{border-top:1px solid #eee;padding:12px 16px 16px}
.yp2-design-action{display:block;width:100%;padding:12px 16px;background:#202020;color:#fff;border:0;border-radius:3px;cursor:pointer;font:inherit;text-align:center}
.yp2-design-action:hover,.yp2-design-action:focus-visible{background:#444;color:#fff}

/* Canonical inline Design controls: filter accordion and always-visible adjustments. */
.yp2-design-inline{margin:8px 0 14px;background:#fff;min-width:0;max-width:100%;overflow:hidden}
.yp2-design-filter-group{border-bottom:1px solid #e5e5e5}
.yp2-design-heading-button{width:100%;border:0;background:#fff;color:#222;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:17px 20px;cursor:pointer;font:inherit}
.yp2-design-heading-button strong,.yp2-design-heading-button small{display:block}
.yp2-design-heading-button strong{font-size:14px}.yp2-design-heading-button small{margin-top:3px;color:#777;font-size:11px}
.yp2-design-heading-button>span:last-child{font-size:22px;line-height:1}
.yp2-design-filter-body{padding:0 12px 16px;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden}
.yp2-design-filter-strip{display:flex;align-items:stretch;gap:8px;overflow-x:auto;padding:3px 0 6px;scrollbar-width:thin}
.yp2-design-filter{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;position:relative;flex:0 0 112px;min-width:0;border:1px solid transparent;border-radius:8px;background:#fff;color:#292a26;cursor:pointer;padding:5px;font:inherit;font-size:12px;text-align:center}
.yp2-design-filter>span{display:block;min-height:2.8em;line-height:1.4;padding:0 2px}.yp2-design-filter.is-selected{border-color:#8a8275;background:#f5f3ee}.yp2-design-filter.is-selected:after{content:"✓";position:absolute;top:10px;right:10px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#292a26;box-shadow:0 1px 5px #0002;font-size:12px;font-weight:700}.yp2-design-filter:focus-visible{outline:2px solid #2271b1;outline-offset:-2px}.yp2-design-filter img{display:block;flex:none;width:100%;height:100px;object-fit:cover;border-radius:5px;background:#f4f3f0;margin-bottom:7px}
.yp2-design-adjustments{padding:17px 20px 20px}.yp2-design-adjustments>strong{font-size:14px}
.yp2-design-hint{font-size:11px;color:#777;margin:3px 0 17px}
.yp2-design-slider{display:block;margin:0 0 17px;font-size:12px}.yp2-design-slider>span{display:flex;justify-content:space-between;margin-bottom:7px}
.yp2-design-slider input{display:block;width:100%;accent-color:#222}
.yp2-design-reset{padding:9px 12px;border:1px solid #ccc;background:#fff;color:#222;cursor:pointer;font:inherit;font-size:12px}
@media(max-width:600px){.yp2-design-filter{flex-basis:96px}.yp2-design-filter img{height:88px}.yp2-design-adjustments{padding:15px}}

/* v3.2.25 – unobtrusive filter carousel and collapsed adjustments. */
.yp2-design-filter-carousel{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:6px;min-width:0;max-width:100%;overflow:hidden}
.yp2-design-filter-strip{width:100%;max-width:100%;min-width:0;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
.yp2-design-filter-strip::-webkit-scrollbar{display:none}
.yp2-design-filter{scroll-snap-align:start}
.yp2-design-arrow{width:24px;min-width:0;display:grid;place-items:center;align-self:center;height:32px;padding:0;border:1px solid #e4e1db;border-radius:6px;background:#fff;color:#555;font-size:21px;cursor:pointer}
.yp2-design-arrow:hover,.yp2-design-arrow:focus-visible{background:#f5f5f5;outline-offset:2px}
.yp2-design-adjustments{padding:0;border-bottom:1px solid #e5e5e5}
.yp2-design-adjust-body{padding:0 20px 20px}

/* Preview tools: image adjustments are shown only below the live preview. */
.yp2-image-adjustments[hidden]{display:none!important}
.yp2-image-adjustments{margin:12px auto 18px;padding:18px 20px;border:1px solid #e5e5e5;background:#fff;border-radius:8px;max-width:620px;width:100%;box-sizing:border-box}
.yp2-image-adjustments-head{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}
.yp2-image-adjustments-head span{font-size:12px;color:#777}
.yp2-image-adjustments-fields{display:grid;gap:14px}
.yp2-image-adjustments .yp2-design-slider{display:block}
.yp2-image-adjustments .yp2-design-slider span{display:flex;justify-content:space-between;margin-bottom:5px}
.yp2-image-adjustments .yp2-design-slider input{width:100%}
.yp2-adjustments-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.yp2-adjustments-actions button{padding:8px 12px;cursor:pointer;border:1px solid #ddd;background:#fff}.yp2-adjustments-actions .yp2-adjustments-save{background:#171717;color:#fff;border-color:#171717;font-size:12px;font-weight:600;line-height:1.4}.yp2-adjustments-actions .yp2-adjustments-save span{display:inline;color:#fff;font:inherit}

/* Consistent icon for filter accordion and smaller mobile thumbnails. */
.yp2-design-heading-label{display:flex;align-items:center;gap:10px;min-width:0}
.yp2-filter-symbol{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border:1px solid #e5e5e5;border-radius:3px;background:#f8f8f8;font-size:19px;line-height:1;color:#333}
.yp2-design-heading-button{padding:12px 14px;min-height:57px}
@media(max-width:767px){
.yp2-design-heading-button{padding:9px 12px;min-height:49px}
.yp2-filter-symbol{width:26px;height:26px;flex-basis:26px;font-size:17px}
.yp2-design-filter-body{padding:0 6px 9px}
.yp2-design-filter-strip{gap:5px}
.yp2-design-filter{flex-basis:100px;font-size:12px}
.yp2-design-filter img{height:88px;margin-bottom:5px}
}

/* Personligt design: compact controls, shared YOO Print step anatomy. */
.yp2-design-inline{margin:0;border-bottom:1px solid #e5e5e5;background:#fff;min-width:0}
.yp2-design-main-toggle{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;padding:12px 16px;background:#fff;border:0;text-align:left;cursor:pointer;color:inherit;font:inherit}
.yp2-design-main-toggle .yp2-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.yp2-design-main-toggle .yp2-copy strong{font-size:13px}
.yp2-design-main-toggle .yp2-copy small{font-size:10px;color:#777}
.yp2-design-main-body[hidden]{display:none}
.yp2-design-main-body{padding:0 14px 14px}
.yp2-personal-editor{padding:14px 0 2px;margin:0;border:0}
.yp2-personal-editor>h3{display:none}
.yp2-personal-lines{display:grid;grid-template-columns:minmax(0,1fr);row-gap:15px;align-items:start}
.yp2-personal-line{min-width:0}
.yp2-personal-line{border:1px solid #ddd;border-radius:4px;background:#fff}
.yp2-personal-line>summary{padding:14px;cursor:pointer;font-weight:600;font-size:14px;min-height:22px}
.yp2-personal-line-body{padding:0 14px 14px;display:grid;gap:10px;font-size:13px}
.yp2-personal-line-body select{box-sizing:border-box;width:100%;min-height:44px;padding:8px;border:1px solid #ccc;background:#fff;font:inherit}
.yp2-personal-line-body label{display:grid;gap:6px}
.yp2-personal-line input{box-sizing:border-box;width:100%;min-height:44px;padding:7px 9px;border:1px solid #d8d8d8;border-radius:3px}
.yp2-personal-border-picker>strong{display:block;font-size:12px;margin:0 0 9px}
.yp2-personal-colors{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:5px;min-width:0}
.yp2-personal-color{box-sizing:border-box;width:44px;height:44px;flex:0 0 44px;padding:3px;border:1px solid #ccc;border-radius:50%;background:#fff;cursor:pointer;display:grid;place-items:center}
.yp2-personal-color span{box-sizing:border-box;display:block;width:24px;height:24px;border:1px solid #ddd;border-radius:50%;margin:0}
.yp2-personal-fonts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;min-width:0;width:100%;grid-column:1/-1;justify-self:stretch}
.yp2-personal-border-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.yp2-personal-font{min-width:0;min-height:44px;padding:4px 3px;display:grid;place-items:center;border:1px solid #ddd;border-radius:3px;background:#fff;cursor:pointer}
.yp2-personal-font span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.yp2-personal-font.is-selected,.yp2-personal-color.is-selected,.yp2-personal-border-option.is-selected{border-color:#222;box-shadow:inset 0 0 0 1px #222}
@media(max-width:600px){
.yp2-personal-colors{gap:7px;justify-content:flex-start}
.yp2-personal-fonts{grid-column:1/-1;width:100%;justify-self:stretch;grid-template-columns:repeat(3,minmax(0,1fr))}
.yp2-personal-line input{font-size:16px}
}
.yp2-personal-lines + .yp2-personal-border-picker{border-top:1px solid #ededed;padding-top:20px;margin-top:22px}
.yp2-personal-border-picker{margin:16px 0}
.yp2-personal-border-option{min-width:0;min-height:40px;padding:6px;display:flex;justify-content:center;align-items:center;gap:8px;border:1px solid #ddd;border-radius:3px;background:#fff;cursor:pointer}
.yp2-personal-border-option i{display:block;width:18px;height:18px;border:1px solid #ccc;border-radius:2px}
.yp2-personal-border-option small{font-size:12px}
@media(max-width:600px){
.yp2-personal-border-option{flex-direction:column;gap:5px;padding:8px 2px;min-height:60px;box-sizing:border-box}
.yp2-personal-border-option i{border-color:#b7b7b7;flex-shrink:0}
.yp2-personal-border-option small{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.3}
}
.yp2-personal-confirm{display:block;width:100%;min-height:38px;margin-top:12px;border:1px solid #222;background:#222;color:#fff;cursor:pointer;font-size:12px;font-weight:600}


/* Design status uses the existing step colors; no extra confirmation button. */
.yp2 .yp2-row-group.is-complete>.yp2-design-main-toggle .yp2-icon{background:#edf7f0;color:#29834c}

/* Shared compact filter control; uses existing step and button styles. */
.yp2-filter-strength{margin-top:10px;padding:12px 0 0;border-top:1px solid #e9e6e0}
.yp2-filter-strength label{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;margin-bottom:9px}
.yp2-filter-strength output{min-width:48px;padding:3px 7px;border-radius:5px;background:#f3f1ec;text-align:center;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}
.yp2-filter-strength input[type=range]{display:block;width:100%;accent-color:#202020;cursor:pointer}

.yp2-personal-spacing{margin-top:19px;padding-top:16px;border-top:1px solid #ededed}
.yp2-personal-spacing>strong{display:block;font-size:12px;margin-bottom:9px}
.yp2-personal-spacing-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.yp2-personal-spacing-option{min-width:0;min-height:34px;padding:6px;border:1px solid #ddd;border-radius:3px;background:#fff;cursor:pointer;font-size:12px}
.yp2-personal-spacing-option.is-selected{border-color:#222;box-shadow:inset 0 0 0 1px #222}
.yp2-personal-spacing + .yp2-personal-border-picker{border-top:1px solid #ededed;padding-top:20px;margin-top:23px}

/* Shared mobile input typography for YOO Print design controls. */
@media (max-width:767px){.yp2 input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),.yp2 textarea,.yp2 select{font-size:16px}}

.yp2-upload-button{display:block;width:100%;min-height:50px;padding:12px 18px;margin:0;font-size:16px;font-weight:600;line-height:1.4;box-sizing:border-box;cursor:pointer}
.yp2-upload-area{padding:16px;border-bottom:1px solid #ddd}
.yp2-profile-upload{display:grid;gap:12px}
.yp2-profile-upload-copy{min-width:0}
.yp2-profile-upload-copy strong{display:block;font-size:14px;line-height:1.5}
.yp2-profile-upload-copy p{margin:4px 0 0;font-size:13px;line-height:1.5;color:#666}
.yp2-profile-upload-actions{display:flex;flex-wrap:wrap;gap:8px}
.yp2-profile-upload-actions button{flex:1 1 160px;min-width:0;min-height:44px;margin:0;padding:10px 14px;font-size:14px;line-height:1.5;white-space:normal;box-sizing:border-box}

.yp2-filter-categories{display:flex;gap:5px;overflow-x:auto;max-width:100%;padding:0 0 6px;scrollbar-width:none;overscroll-behavior-x:contain}
.yp2-filter-inline .yp2-filter-categories button{flex:none;min-height:40px;padding:7px 10px;border:1px solid transparent;background:#f6f5f2;color:#55534e;border-radius:7px;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}
.yp2-filter-inline .yp2-filter-categories button[aria-pressed=true]{background:#eae6dd;border-color:#b4aa98;color:#292a26;font-weight:600}
.yp2-filter-categories button:focus-visible{outline:2px solid #2271b1;outline-offset:2px}
.yp2-filter-description{font-size:12px;line-height:1.5;color:#666;margin:5px 0 10px;overflow-wrap:anywhere}
.yp2-filter-description:empty{display:none}
.yp2-filter-category-description{min-height:3em;margin:4px 0 5px;font-size:11px;color:#77746e}
.yp2-filter-selection-copy{min-height:3em;margin:6px 0 0}
.yp2-filter-selection-copy .yp2-filter-description{margin:0}
.yp2-filter-selection-copy .yp2-filter-help{margin-top:4px;font-size:11px;color:#77746e}

.yp2-filter-category-nav{position:relative;min-width:0}
.yp2-filter-categories::-webkit-scrollbar{display:none}
.yp2-filter-category-nav:before,.yp2-filter-category-nav:after{content:"";position:absolute;top:0;bottom:6px;width:22px;z-index:1;pointer-events:none;opacity:0;transition:opacity .15s}
.yp2-filter-category-nav:before{left:0;background:linear-gradient(to right,#fff,rgba(255,255,255,0))}
.yp2-filter-category-nav:after{right:0;background:linear-gradient(to left,#fff,rgba(255,255,255,0))}
.yp2-filter-category-nav.has-before:before,.yp2-filter-category-nav.has-after:after{opacity:1}