/* Admin-only garment selector. Native product, size and purchase styles stay intact. */
.tkt-new-product-page .tkt-product-types { margin:0 0 9px; }
.tkt-new-product-page .tkt-product-types h2 { margin:0 0 7px; color:#26353f; font:700 13px/1.25 Arial,Helvetica,sans-serif; }
.tkt-new-product-page .tkt-product-types__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.tkt-new-product-page .tkt-product-type { box-sizing:border-box; display:grid; grid-template-columns:48px minmax(0,1fr); grid-template-rows:1fr 1fr; align-items:center; column-gap:4px; position:relative; min-width:0; min-height:84px; padding:10px 5px 6px; border:1px solid #cfdbe5; border-radius:4px; background:#fff; color:#26353f; text-decoration:none; }
.tkt-new-product-page .tkt-product-type img { grid-column:1; grid-row:1 / span 2; display:block; width:48px; height:62px; object-fit:contain; }
.tkt-new-product-page .tkt-product-type__label { grid-column:2; grid-row:1; align-self:end; min-width:0; color:#344650; font:400 11px/1.2 'Roboto Condensed',Arial,sans-serif; }
.tkt-new-product-page .tkt-product-type__price { grid-column:2; grid-row:2; align-self:start; margin-top:4px; color:#276daa; white-space:nowrap; font:700 14px/1.2 'Roboto Condensed',Arial,sans-serif; }
.tkt-new-product-page .tkt-product-type:hover { border-color:#598bc4; background:#f4f8fc; }
.tkt-new-product-page .tkt-product-type.is-selected { border-color:#598bc4; box-shadow:inset 0 0 0 1px #598bc4; background:#edf5fd; }
.tkt-new-product-page .tkt-product-type__selected { position:absolute; top:2px; right:4px; color:#326ba5; font:700 8px/1.1 Arial,Helvetica,sans-serif; }
.tkt-new-product-page .tkt-product-type:focus-visible { outline:2px solid #285e9b; outline-offset:2px; }
.tkt-new-product-page .tkt-new-product-help { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px; margin:9px 0 0; font:11px/1.4 'Roboto Condensed',Arial,sans-serif; }
.tkt-new-product-page .tkt-new-product-help a { color:#477fb7; text-decoration:underline; }

/* Treat the product code as a quiet technical label attached to the image frame. */
.tkt-new-product-page .product-info-name { margin-bottom:22px; }
.tkt-new-product-page .product-main-picture { overflow:visible; }
.tkt-new-product-page .tkt-product-code-label { box-sizing:border-box; position:absolute; top:-1px; right:-1px; z-index:3; max-width:calc(100% - 14px); padding:6px 10px 5px; overflow:hidden; border:1px solid #cfdbe5; border-top:2px solid #598bc4; border-radius:0; background:#fff; color:#6f8f94; white-space:nowrap; text-overflow:ellipsis; font:700 12px/1.25 'Roboto Condensed',Arial,sans-serif; }
@media(max-width:780px) {
 .tkt-new-product-page .product-info-name { margin-bottom:22px; }
 .tkt-new-product-page .tkt-product-code-label { max-width:calc(100% - 10px); padding:6px 9px 5px; font-size:11px; }
}

/* Fit the same native controls on narrow screens without enlarging or replacing them. */
@media(max-width:780px) {
 .tkt-new-product-page *, .tkt-new-product-page *:before, .tkt-new-product-page *:after { box-sizing:border-box; }
 .tkt-new-product-page #header, .tkt-new-product-page #footer { min-width:0; }
 .tkt-new-product-page .contnent-container, .tkt-new-product-page .footer-container { box-sizing:border-box; width:100%; min-width:0; max-width:100%; }
 .tkt-new-product-page .head-body { box-sizing:border-box; display:grid; grid-template-columns:110px minmax(0,1fr) 38px; gap:10px; align-items:center; height:auto; min-height:95px; padding:10px 12px; }
 .tkt-new-product-page .head-body .logo { float:none; width:110px; margin:0; position:static; }
 .tkt-new-product-page .head-body .logo img { width:110px; height:auto; }
 .tkt-new-product-page .head-body .cart-container { grid-column:3; grid-row:1; float:none; width:38px; margin:0; position:static; }
 .tkt-new-product-page .head-body .user-balance-container { display:none; }
 .tkt-new-product-page .head-body .input-width { box-sizing:border-box; grid-column:2; grid-row:1; float:none; width:100%; min-width:0; margin:0; position:relative; top:auto; right:auto; }
 .tkt-new-product-page .head-body .input-width input { box-sizing:border-box; width:100%; max-width:100%; }
 .tkt-new-product-page #header .head-body .parts { grid-column:1 / -1; grid-row:2; float:none; width:100%; min-width:0; margin:0; position:static; }
 .tkt-new-product-page #header .head-body .parts > ul { display:flex; gap:18px; max-width:100%; overflow-x:auto; margin:0; padding:0 0 6px; }
 .tkt-new-product-page .head-body .parts > ul > li { float:none; flex:0 0 auto; margin:0; }
 .tkt-new-product-page .head-body > .clear { display:none; }
 .tkt-new-product-page .body { padding:12px 10px 24px; }
 .tkt-new-product-page .in-body { border:0; }
 .tkt-new-product-page .colmask { float:none; overflow:visible; }
 .tkt-new-product-page .holygrail .colmid, .tkt-new-product-page .holygrail .colleft, .tkt-new-product-page .holygrail .col1wrap { float:none; width:auto; margin:0; right:auto; left:auto; border:0; }
 .tkt-new-product-page .holygrail .col1 { margin:0; left:auto; padding:14px 0 0; border:0; overflow:visible; }
 .tkt-new-product-page .holygrail .col2, .tkt-new-product-page .holygrail .col3 { display:none; }
 .tkt-new-product-page .breadcrumbs { position:relative; width:100%; overflow:hidden; margin-bottom:10px; }
 .tkt-new-product-page .product-info-container { display:flex; flex-direction:column; align-items:center; padding:0 12px 24px; margin:0 !important; }
 .tkt-new-product-page .product-info-name { order:0; align-self:stretch; font-size:20px; line-height:1.3; }
 .tkt-new-product-page .product-main-picture { box-sizing:border-box; order:1; width:100%; max-width:420px; height:auto; aspect-ratio:1 / 1; margin:0 0 42px; overflow:visible; }
 .tkt-new-product-page .product-main-picture > a { display:block; width:100%; height:100%; }
 .tkt-new-product-page .product-main-picture > a > img { display:block; width:100%; height:100%; object-fit:contain; }
 .tkt-new-product-page .tkt-product-size-overlay__footer { grid-template-columns:1fr; }
 .tkt-new-product-page .tkt-product-size-overlay__secondary { flex-wrap:wrap; overflow:visible; white-space:normal; gap:3px 6px; }
 .tkt-new-product-page .tkt-product-size-overlay__secondary-item { flex-shrink:0; }
 .tkt-new-product-page .tkt-product-size-overlay__secondary-separator { display:none; }
 .tkt-new-product-page .tkt-product-size-overlay__footer button { grid-column:1; }
 .tkt-new-product-page .product-pictures { order:2; width:100%; margin:0 0 12px; }
 .tkt-new-product-page .product-pictures ul { display:flex; flex-wrap:wrap; gap:5px; width:100%; padding:0; }
 .tkt-new-product-page .product-info-data { order:3; float:none; width:240px; max-width:100%; }
 .tkt-new-product-page .product-info-name-transparent { display:none; }
 .tkt-new-product-page .product-info-container > .clear { display:none; }
 .tkt-new-product-page .tkt-new-product-description { order:4; margin-top:24px; }
 .tkt-new-product-page #footer { padding:16px; }
 .tkt-new-product-page .footer-container { padding:12px 0 0; }
}

/* Garment facts sit with the product image; editorial copy uses the full card width. */
.tkt-new-product-page .tkt-new-product-details { box-sizing:border-box; clear:both; display:block; width:100%; margin:20px 0 8px; }
.tkt-new-product-page .tkt-new-details__panel { box-sizing:border-box; min-width:0; padding:18px 22px 20px; border:1px solid #dce6ef; border-radius:6px; background:#f8fafc; color:#344650; overflow-wrap:anywhere; }
.tkt-new-product-page .tkt-new-details__panel--description { width:100%; border-top:2px solid #8eb4d7; background:#fbfcfd; }
.tkt-new-product-page .tkt-new-details__panel--features { width:420px; margin:16px 0 0; padding:16px 18px 18px; border-color:#d3e1ee; background:linear-gradient(145deg,#eef5fc,#f7fafc); }
.tkt-new-product-page .tkt-new-details__panel h2 { margin:0 0 12px; padding:0 0 9px; border-bottom:1px solid #d7e3ed; color:#326ba5; font:700 20px/1.2 'Roboto Condensed',Arial,sans-serif; }
.tkt-new-product-page .tkt-new-details__panel--features h2 { margin-bottom:7px; font-size:18px; }
.tkt-new-product-page .tkt-new-details__panel p, .tkt-new-product-page .tkt-new-details__panel li, .tkt-new-product-page .tkt-new-details__panel span, .tkt-new-product-page .tkt-new-details__panel div { font-family:Arial,Helvetica,sans-serif !important; font-size:13px !important; line-height:1.55 !important; }
.tkt-new-product-page .tkt-new-details__panel p { margin:0 0 10px; }
.tkt-new-product-page .tkt-new-details__lead { margin-bottom:10px; color:#263e50; }
.tkt-new-product-page .tkt-new-details__copy > :last-child, .tkt-new-product-page .tkt-new-details__lead > :last-child { margin-bottom:0; }
.tkt-new-product-page .tkt-new-details__panel ul { margin:0; padding:0; list-style:none; }
.tkt-new-product-page .tkt-new-details__panel li { position:relative; margin:0; padding:7px 0 7px 15px; border-bottom:1px solid #dce6ef; }
.tkt-new-product-page .tkt-new-details__panel li:first-child { padding-top:0; }
.tkt-new-product-page .tkt-new-details__panel li:last-child { padding-bottom:0; border:0; }
.tkt-new-product-page .tkt-new-details__panel li:before { content:''; position:absolute; left:0; top:15px; width:5px; height:5px; border-radius:50%; background:#598bc4; }
.tkt-new-product-page .tkt-new-details__panel li:first-child:before { top:7px; }
.tkt-new-product-page .tkt-new-details__panel[hidden] { display:none; }
.tkt-new-product-page .tkt-new-product-details.is-single { margin-top:20px; }
@media(max-width:780px) {
 .tkt-new-product-page .tkt-new-details__panel--features { order:4; align-self:stretch; width:100%; max-width:420px; margin:24px 0 0; padding:16px; }
 .tkt-new-product-page .tkt-new-product-details { order:4; align-self:stretch; margin-top:14px; }
 .tkt-new-product-page .tkt-new-details__panel--description { padding:17px; }
}

/* Preserve a clean gap below the compact selected-size overlay. */
@media(min-width:781px) {
 .tkt-new-product-page .tkt-new-details__panel--features.has-visible-size-overlay { margin-top:46px; }
}

/* The visual product cards already communicate the garment type. */
.tkt-new-product-page .product-info-type,
.tkt-new-product-page #tkt-product-types-title { display:none; }