/* AdultMedia — stiluri de pagină peste sistemul Modernist (ds.css). */ :root { --edge: clamp(20px, 5vw, 64px); --lead: 28px; } html { scroll-behavior: smooth; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } body { margin: 0; text-wrap: pretty; background: var(--color-bg); color: var(--color-text); font-family: var(--font-body); } a { color: var(--color-accent); text-underline-offset: 3px; } a:hover { color: var(--color-accent-700); } /* textele bilingve: doar în interiorul paginii (NU pe ) */ [data-lang] [lang="en"] { display: none; } [data-lang="en"] [lang="en"] { display: revert; } [data-lang="en"] [lang="ro"] { display: none; } @media (max-width: 760px) { [data-hide-narrow] { display: none; } } .page { min-height: 100vh; } img { max-width: 100%; } /* ── navigație ── */ .nav-site { padding-inline: var(--edge); gap: var(--space-4); flex-wrap: wrap; } .nav-sticky { position: sticky; top: 0; z-index: 20; background: var(--color-bg); } .brand { letter-spacing: -0.02em; text-decoration: none; color: inherit !important; } .brand span, .foot-brand span { color: var(--color-accent); } .lang-sw { display: flex; border: 1px solid var(--color-divider); } .lang-sw a { font: 800 12px var(--font-heading); padding: 5px 10px; color: inherit; text-decoration: none; } .lang-sw a + a { border-left: 1px solid var(--color-divider); } .lang-sw a:hover { background: color-mix(in srgb, var(--color-text) 8%, transparent); color: inherit; } .lang-sw a[aria-current] { background: var(--color-text); color: var(--color-bg); } /* ── structură ── */ .wrap { max-width: 1200px; margin: 0 auto; padding-inline: var(--edge); } .sec { padding-block: calc(2.5 * var(--lead)); } .hr0 { margin: 0; } .eyebrow { display: block; font-size: 13px; line-height: 14px; letter-spacing: .08em; text-transform: uppercase; color: var(--color-accent-700); margin-bottom: var(--lead); } .eyebrow-sm { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--color-accent-700); margin: 0 0 var(--space-2); } .muted { color: color-mix(in srgb, var(--color-text) 70%, transparent); } .muted55 { color: color-mix(in srgb, var(--color-text) 55%, transparent); } .note { font-size: 13px; line-height: var(--lead); color: color-mix(in srgb, var(--color-text) 70%, transparent); margin: var(--space-3) 0 0; } .body78 { color: color-mix(in srgb, var(--color-text) 78%, transparent); } .req { color: var(--color-accent); } .accent-band { background: var(--color-accent); color: var(--color-bg); } .accent-band a:not(.btn) { color: inherit; } /* ── hero ── */ .hero { padding: calc(3 * var(--lead)) var(--edge) calc(2 * var(--lead)); max-width: 1200px; margin: 0 auto; } .hero h1 { font-size: clamp(40px, 6.2vw, 84px); line-height: 1.06; letter-spacing: -0.02em; margin: 0 0 0 -0.058em; max-width: 20ch; } .hero .lead-p { font-size: 17px; line-height: var(--lead); max-width: 56ch; margin: var(--lead) 0 0; } .btn-hero { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); width: 100%; max-width: 820px; margin-top: calc(1.5 * var(--lead)); padding: 22px 26px; font-size: clamp(20px, 2.6vw, 32px); line-height: 1.1; letter-spacing: -0.01em; text-align: left; border: 0; } .btn-inverse { background: var(--color-bg); color: var(--color-accent-700); } .btn-inverse:hover { background: var(--color-accent-100); color: var(--color-accent-800); } .btn-wide { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); width: 100%; padding: 20px 24px; font-size: clamp(17px, 2vw, 24px); line-height: 1.1; text-align: left; border: 0; } .btn { border-radius: 0; } button.btn { border-width: 1px; } .btn-primary { border: 0; } .btn-danger { color: var(--color-accent-700); border-color: var(--color-accent) !important; } /* ── statistici ── */ .stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: calc(1.5 * var(--lead)) var(--lead); } .stat-num { font: 800 clamp(30px, 3.4vw, 48px)/1.1 var(--font-heading); color: var(--color-accent); margin: 0 0 var(--space-3) -0.045em; } .stat-lbl { font-size: 13px; line-height: 14px; letter-spacing: .08em; text-transform: uppercase; color: color-mix(in srgb, var(--color-text) 70%, transparent); margin: 0; } /* ── ce oferim ── */ .offer-row { display: grid; grid-template-columns: minmax(48px, 120px) minmax(0, 380px) minmax(0, 1fr); gap: var(--lead) clamp(20px, 4vw, 64px); align-items: baseline; padding: calc(1.2 * var(--lead)) 0; } .offer-row + .offer-row { border-top: 2px solid var(--color-divider); } .offer-row .num { font: 800 15px/var(--lead) var(--font-heading); margin: 0; font-feature-settings: 'tnum' 1; } .offer-row h2 { font-size: 24px; line-height: var(--lead); margin: 0; } .offer-row p:last-child { font-size: 15.5px; line-height: var(--lead); margin: 0; max-width: 52ch; color: color-mix(in srgb, var(--color-text) 78%, transparent); } @media (max-width: 760px) { .offer-row { grid-template-columns: 1fr; gap: var(--space-2); } } .h2-sec { font-size: clamp(28px, 3.2vw, 40px); line-height: 1.1; letter-spacing: -0.015em; margin: 0 0 var(--lead) -0.02em; max-width: 24ch; } .scroll-x { overflow-x: auto; } /* ── pași ── */ .steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 2px; background: var(--color-divider); } .step { background: var(--color-bg); padding: var(--lead) clamp(16px, 2vw, 24px) calc(1.5 * var(--lead)); } .step .n { font: 800 13px/14px var(--font-heading); color: var(--color-accent); margin: 0 0 var(--space-4); font-feature-settings: 'tnum' 1; } .step h3 { font-size: 20px; line-height: 1.2; margin: 0 0 var(--space-3); } .step p:last-child { font-size: 14.5px; line-height: 22px; margin: 0; color: color-mix(in srgb, var(--color-text) 78%, transparent); } .cols3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: calc(1.5 * var(--lead)) clamp(24px, 4vw, 64px); } .cols3 h3 { font-size: 22px; line-height: 1.2; margin: 0 0 var(--space-3); } .cols3 p { font-size: 15px; line-height: var(--lead); margin: 0; color: color-mix(in srgb, var(--color-text) 78%, transparent); } .split { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: calc(1.5 * var(--lead)) clamp(24px, 5vw, 80px); align-items: center; } .poster { aspect-ratio: 4/5; background: var(--color-text); color: var(--color-bg); display: flex; flex-direction: column; justify-content: space-between; padding: clamp(20px, 3vw, 36px); } .poster b { font: 800 clamp(64px, 9vw, 140px)/0.9 var(--font-heading); letter-spacing: -0.04em; color: var(--color-accent); } .poster span { font-size: 13px; line-height: 20px; max-width: 30ch; } /* ── footer ── */ .site-foot { padding-block: calc(2 * var(--lead)) calc(2.5 * var(--lead)); display: flex; flex-wrap: wrap; gap: var(--lead) calc(2 * var(--lead)); justify-content: space-between; align-items: flex-start; } .foot-brand { font: 800 18px/1.2 var(--font-heading); margin: 0 0 var(--space-3); } .foot-contact { font-size: 14px; font-family: var(--font-heading); font-weight: 800; } .foot-lbl { font-size: 11px; line-height: 20px; letter-spacing: .06em; text-transform: uppercase; color: color-mix(in srgb, var(--color-text) 70%, transparent); margin: 0 0 var(--space-2); } .foot-txt { font-size: 12.5px; line-height: 20px; color: color-mix(in srgb, var(--color-text) 70%, transparent); margin: 0; } /* ── formulare ── */ .form-page { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: calc(1.5 * var(--lead)) clamp(24px, 5vw, 80px); align-items: start; padding-block: calc(2 * var(--lead)) calc(3 * var(--lead)); } .form-page h1 { font-size: clamp(32px, 4.2vw, 56px); line-height: 1.06; letter-spacing: -0.02em; margin: 0 0 0 -0.058em; max-width: 18ch; } .form-main { display: grid; gap: calc(1.2 * var(--lead)); border-top: 2px solid var(--color-divider); padding-top: var(--lead); } .form-sec { display: grid; gap: var(--space-4); } .form-sec + .form-sec { border-top: 2px solid var(--color-divider); padding-top: var(--lead); } .form-sec > h2, .sec-lbl { font-size: 13px; line-height: 14px; letter-spacing: .08em; text-transform: uppercase; color: color-mix(in srgb, var(--color-text) 70%, transparent); margin: 0; } .row2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--space-4); } .row4 { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: var(--space-4); } .hint { font-size: 11px; line-height: 18px; color: color-mix(in srgb, var(--color-text) 65%, transparent); margin: var(--space-1) 0 0; } .box { border: 1px solid var(--color-divider); padding: var(--space-4); } .box-accent { border: 2px solid var(--color-accent); padding: var(--space-4); } .box-accent .ttl { font: 800 13px/18px var(--font-heading); letter-spacing: .06em; text-transform: uppercase; color: var(--color-accent-700); margin: 0 0 var(--space-2); } .dob { display: flex; gap: var(--space-2); } .dob select:nth-child(1) { flex: 0 0 72px; } .dob select:nth-child(2) { flex: 1 1 auto; min-width: 0; } .dob select:nth-child(3) { flex: 0 0 92px; } select.input { appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--color-text) 50%), linear-gradient(135deg, var(--color-text) 50%, transparent 50%); background-position: calc(100% - 15px) 50%, calc(100% - 10px) 50%; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; padding-right: 30px; } input[type="checkbox"] { width: 16px; height: 16px; accent-color: var(--color-accent); flex: none; margin: 2px 0 0; } .check { display: inline-flex; align-items: flex-start; gap: 10px; font-size: 13px; line-height: 20px; cursor: pointer; } .captcha-row { display: flex; gap: var(--space-4); align-items: flex-end; flex-wrap: wrap; } .captcha-img { display: block; border: 1px solid var(--color-divider); } .hp { position: absolute !important; left: -10000px !important; top: auto; width: 1px; height: 1px; overflow: hidden; } .alert { font: 800 14px/22px var(--font-heading); color: var(--color-accent-700); margin: 0 0 var(--space-4); border: 2px solid var(--color-accent); padding: var(--space-3) var(--space-4); } .alert-ok { color: var(--color-text); border-color: var(--color-text); } .errors { margin: 0 0 var(--space-4); padding: var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 18px); border: 2px solid var(--color-accent); color: var(--color-accent-700); font-size: 14px; line-height: 22px; } .inline-actions { display: flex; align-items: center; gap: var(--space-4); flex-wrap: wrap; } /* ── nișe ── */ .niche-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: var(--space-1) var(--space-4); } .niche-grid label { display: flex; gap: 8px; align-items: flex-start; font-size: 11.5px; line-height: 18px; letter-spacing: .04em; text-transform: uppercase; padding: 4px 0; cursor: pointer; } .niche-grid label:has(input:checked) { color: var(--color-accent-700); font-weight: 600; } .tags { display: flex; flex-wrap: wrap; gap: var(--space-2); } .tag-niche { font-family: var(--font-heading); font-weight: 800; font-size: 12px; letter-spacing: .05em; text-transform: uppercase; padding: 6px 12px; } .tag-b { font-family: var(--font-heading); font-weight: 800; } /* ── grile foto ── */ .photo-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 2px; border: 2px solid var(--color-divider); background: var(--color-bg); } .photo-grid > * { outline: 1px solid var(--color-divider); background: var(--color-surface); margin: 0; position: relative; } .photo-grid img { display: block; width: 100%; aspect-ratio: 2/3; object-fit: cover; } .photo-grid .doc img { aspect-ratio: 3/2; } .photo-grid .del { position: absolute; left: 6px; bottom: 6px; display: flex; gap: 6px; align-items: center; background: var(--color-bg); padding: 3px 8px; font-size: 11px; cursor: pointer; } .photo-grid .tagpos { position: absolute; left: 6px; top: 6px; } .empty { border: 2px dashed var(--color-divider); padding: var(--space-6); font-size: 14px; color: color-mix(in srgb, var(--color-text) 70%, transparent); } .nophoto { aspect-ratio: 2/3; display: flex; align-items: center; justify-content: center; background: var(--color-neutral-900); color: var(--color-bg); font: 800 13px/1.2 var(--font-heading); letter-spacing: .08em; text-transform: uppercase; text-align: center; padding: 0 10px; } .portfolio { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 2px; } .portfolio figure { margin: 0; outline: 1px solid var(--color-divider); } .portfolio img { display: block; width: 100%; aspect-ratio: 2/3; object-fit: cover; } /* ── cont model ── */ .acct-head { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-4); flex-wrap: wrap; padding-bottom: var(--lead); border-bottom: 2px solid var(--color-divider); } .acct-head h1 { font-size: clamp(34px, 5vw, 64px); line-height: 1.04; letter-spacing: -0.025em; margin: 0 0 var(--space-2) -0.05em; } .strip { display: flex; flex-wrap: wrap; border-bottom: 2px solid var(--color-divider); } .strip > div { flex: 1 1 140px; padding: var(--space-4); } .strip > div + div { border-left: 1px solid var(--color-divider); } .strip .k { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: color-mix(in srgb, var(--color-text) 60%, transparent); margin: 0 0 6px; } .strip .v { font: 800 20px/1.1 var(--font-heading); margin: 0; font-feature-settings: 'tnum' 1; } .subnav { display: flex; gap: 0; flex-wrap: wrap; border-bottom: 2px solid var(--color-divider); } .subnav a { padding: 12px var(--space-4); font: 800 14px var(--font-heading); color: inherit; text-decoration: none; border-right: 1px solid var(--color-divider); } .subnav a:hover { background: color-mix(in srgb, var(--color-text) 6%, transparent); } .block { padding-block: calc(1.5 * var(--lead)); border-bottom: 2px solid var(--color-divider); scroll-margin-top: 16px; } .block > h2 { font-size: clamp(24px, 2.8vw, 34px); line-height: 1.1; letter-spacing: -0.015em; margin: 0 0 var(--space-3) -0.02em; } .block-lead { font-size: 14px; line-height: 22px; color: color-mix(in srgb, var(--color-text) 72%, transparent); margin: 0 0 var(--lead); max-width: 60ch; } .upload-row { display: flex; gap: var(--space-3); align-items: center; flex-wrap: wrap; margin-bottom: var(--space-4); } .upload-row input[type=file] { font: inherit; font-size: 13px; } .vid-list { width: 100%; } video { max-width: 100%; background: #000; } /* ── profil public ── */ .prof-head { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--lead) clamp(24px, 5vw, 72px); align-items: end; padding-bottom: var(--lead); border-bottom: 2px solid var(--color-divider); } .prof-head h1 { font-size: clamp(40px, 6vw, 80px); line-height: 1.04; letter-spacing: -0.025em; margin: 0 0 var(--space-3) -0.05em; overflow-wrap: anywhere; } .spec th { width: 46%; border-bottom: 1px solid var(--color-divider); text-transform: none !important; letter-spacing: 0 !important; font-size: 12.5px !important; } .spec td { font-family: var(--font-heading); font-weight: 800; font-feature-settings: 'tnum' 1; } .model-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 2px; border: 2px solid var(--color-divider); } .model-cards article { outline: 1px solid var(--color-divider); background: var(--color-bg); } .model-cards a { text-decoration: none; color: inherit; display: block; } .model-cards .nm { display: flex; justify-content: space-between; gap: 8px; padding: 10px 12px; font: 800 14px/1.2 var(--font-heading); border-bottom: 1px solid var(--color-divider); } .model-cards img { display: block; width: 100%; aspect-ratio: 2/3; object-fit: cover; } .model-cards .meta { padding: 10px 12px; font-size: 12px; color: color-mix(in srgb, var(--color-text) 70%, transparent); } .pager { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); flex-wrap: wrap; margin-top: var(--space-6); } .pager p { font-size: 12px; color: color-mix(in srgb, var(--color-text) 60%, transparent); margin: 0; } .pager div { display: flex; gap: var(--space-2); } .pager .off { opacity: .45; pointer-events: none; } .model-cards a, .nophoto { text-decoration: none; } /* paginare cu numere */ .pager { align-items: center; } .pg-nums { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; } .pg-num { min-width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; padding: 0 8px; border: 1px solid var(--color-divider); font: 800 14px var(--font-heading); color: inherit; text-decoration: none; font-feature-settings: 'tnum' 1; } a.pg-num:hover { background: color-mix(in srgb, var(--color-text) 8%, transparent); color: inherit; } .pg-num.on { background: var(--color-accent); border-color: var(--color-accent); color: var(--color-bg); } .pg-gap { padding: 0 4px; color: color-mix(in srgb, var(--color-text) 55%, transparent); } .pg-go { display: flex; align-items: center; gap: var(--space-2); font-size: 12px; } .pg-go label { color: color-mix(in srgb, var(--color-text) 65%, transparent); white-space: nowrap; } .pg-go .input { width: 84px; min-width: 0; padding-block: 8px; } .pager .off { opacity: .45; pointer-events: none; } .reg-title { font-size: clamp(24px, 2.8vw, 34px); line-height: 1.12; letter-spacing: -0.015em; margin: 0 0 var(--lead) -0.02em; max-width: 24ch; } /* înscriere cuplu */ fieldset.partner { border: 0; margin: 0; padding: 0; min-width: 0; } .partner { display: grid; gap: var(--space-4); } .partner-2 { border-top: 1px solid var(--color-divider) !important; padding-top: var(--space-4) !important; } .partner-ttl { font: 800 15px/1.2 var(--font-heading); margin: 0; color: var(--color-accent-700); } [hidden] { display: none !important; } /* detalii anatomice la înscriere */ .anat-lbl { margin: var(--space-2) 0 0; } .anat { grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); } .anat-group { display: contents; } .anat-group[hidden] { display: none !important; } .unit { font-weight: 400; color: color-mix(in srgb, var(--color-text) 55%, transparent); } .anat input[type=number] { -moz-appearance: textfield; } .anat input::-webkit-outer-spin-button, .anat input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }