/* Shared public interfaces. Page-specific geometry lives in each page stylesheet. */
.dd-public-page main{min-height:65vh}.dd-public-page>.container,.dd-public-page #wrapper>.tf-section:first-of-type{padding-top:40px}
.dd-public-page .container{max-width:1440px;width:calc(100% - 80px);padding-inline:0}
.dd-public-page h1{font-size:clamp(40px,4.5vw,60px);max-width:22ch}.dd-public-page h1 span,.dd-public-page h2 span{color:inherit;background:none;-webkit-text-fill-color:inherit}
.dd-public-page .tf-button,.dd-public-page .tf-button-st2,.dd-public-page .ext-btn{font:600 14px/1.4 Barlow,sans-serif;letter-spacing:0;text-transform:none;min-height:44px;height:auto;padding:11px 18px;box-shadow:var(--dd-action-shadow);border-radius:8px!important;background:var(--dd-action-fill);color:var(--dd-text);border:1px solid var(--dd-action-edge)}
.dd-public-page :is(.tf-button,.tf-button-st2,.ext-btn.primary):is(:hover,:focus-visible){background:var(--dd-action-fill-hover);box-shadow:var(--dd-action-shadow-hover);border-color:#ffbad3}
.dd-public-page .tf-button-st2.style-2,.dd-public-page .ext-btn:not(.primary){box-shadow:none;background:transparent;color:var(--dd-text);border-color:var(--dd-border-strong)}
.dd-public-page .tf-button::before,.dd-public-page .tf-button::after,.dd-public-page .tf-button-st2::before,.dd-public-page .tf-button-st2::after{content:none}
.dd-public-page input:not([type=checkbox]):not([type=radio]):not([type=range]),.dd-public-page select,.dd-public-page textarea{font:400 16px/1.5 Barlow,sans-serif;border-radius:8px;background:var(--dd-bg);border:1px solid var(--dd-border);color:var(--dd-text);min-height:44px}
.dd-public-page .table{color:var(--dd-text);--bs-table-bg:transparent;--bs-table-color:var(--dd-text);--bs-table-hover-color:var(--dd-text);--bs-table-hover-bg:#ffffff05;--bs-table-border-color:var(--dd-border)}
.dd-public-page table th{font:600 13px/1.4 Barlow,sans-serif;color:var(--dd-muted);text-transform:none;letter-spacing:0}.dd-public-page table td{font-family:Barlow,sans-serif;font-variant-numeric:tabular-nums}
.dd-public-page .modal-content{background:var(--dd-bg-2);border-color:var(--dd-border);border-radius:16px;box-shadow:var(--dd-shadow)}
.dd-public-page .collection-context{padding-top:8px}.dd-public-page .collection-context-heading{display:flex;align-items:center;gap:18px}.dd-public-page .collection-context-heading>img{width:64px;height:64px;border-radius:12px;object-fit:cover}.dd-public-page .collection-context h1{font-size:44px;margin:0 0 10px}.dd-public-page .collection-context-top{display:flex;gap:12px;color:var(--dd-muted);font-size:13px;margin-bottom:20px}.dd-public-page .collection-context-switch{margin-left:auto;max-width:220px;color:var(--dd-muted);font-size:12px}.dd-public-page .collection-context-switch select{display:block;max-width:100%;padding:8px 12px;margin-top:5px}
.dd-public-page .dd-mint-wrap,.dd-public-page .dd-traits-wrap,.dd-public-page .dd-page-wrap{padding-top:30px}.dd-public-page .dd-mint-main-section,.dd-public-page .dd-traits-main-section{padding-top:0}
.dd-public-page .dd-mint-hero,.dd-public-page .dd-traits-hero{padding:24px 0;background:none;border:0;border-radius:0;margin-bottom:0}.dd-public-page .dd-mint-hero::before,.dd-public-page .dd-traits-hero::before{content:none}.dd-public-page .dd-mint-title,.dd-public-page .dd-traits-title{font-size:36px}.dd-public-page .dd-mint-hero-grid,.dd-public-page .dd-traits-hero-grid{align-items:start}.dd-public-page .dd-mint-copy,.dd-public-page .dd-traits-copy{font-size:15px;max-width:60ch}.dd-public-page .dd-mint-side-panel,.dd-public-page .dd-traits-side-panel{padding:20px}
.dd-public-page .dd-hero-section{padding-top:20px}.dd-public-page .dd-banner-section{display:none}
.dd-public-page .dd-mint-preview-stage img{max-height:430px;object-fit:contain}.dd-public-page .dd-mint-section{padding-top:24px}.dd-public-page .dd-traits-main-grid{margin-top:24px}
.dd-public-page .profile-wrap,.dd-public-page .stats-wrap,.dd-public-page .details-wrap,.dd-public-page .ext-wrap{padding-top:30px}
.dd-public-page .ext-hero{padding:20px 24px}.dd-public-page .ext-title{font-size:44px}.dd-public-page .ext-hero-media{max-height:180px}.dd-public-page .ext-hero-media>img{max-height:140px;object-fit:cover;width:100%}
.dd-public-page .dd-hero-title,.dd-public-page .hero-title{font-size:clamp(40px,4vw,60px)}
.dd-public-page .collection-benefit-note{font-size:13px;color:var(--dd-muted);margin-top:12px}
@media(max-width:767px){.dd-public-page .container{width:calc(100% - 36px)}.dd-public-page h1{font-size:40px}.dd-public-page .collection-context-heading{flex-wrap:wrap;gap:12px}.dd-public-page .collection-context-heading>div{flex:1}.dd-public-page .collection-context h1{font-size:36px}.dd-public-page .collection-context-switch{margin:0;max-width:none;width:100%}.dd-public-page .dd-collection-nav{overflow:auto;flex-wrap:nowrap;gap:0}.dd-public-page .dd-collection-nav a{white-space:nowrap;font-size:12px}.dd-public-page .dd-mint-wrap,.dd-public-page .dd-traits-wrap,.dd-public-page .dd-page-wrap{padding-top:22px}.dd-public-page .dd-mint-hero,.dd-public-page .dd-traits-hero{padding:20px 0}.dd-public-page .dd-mint-title,.dd-public-page .dd-traits-title{font-size:30px}.dd-public-page .ext-hero-media{display:none}.dd-public-page .ext-hero{padding:18px}.dd-public-page .profile-wrap,.dd-public-page .stats-wrap,.dd-public-page .details-wrap,.dd-public-page .ext-wrap{padding-top:24px}}

.public-content-page{padding-top:28px;padding-bottom:64px}@media(max-width:767px){.public-content-page{padding-top:20px}}

.utility-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:20px 0 32px;border-bottom:1px solid transparent;background-image:var(--dd-spectrum);background-size:100% 1px;background-repeat:no-repeat;background-position:left bottom;margin-bottom:28px}.utility-heading h1{font-size:clamp(44px,5vw,68px);line-height:1;margin:12px 0 16px}.utility-heading p{font-size:16px;line-height:1.6;max-width:68ch;margin:0;color:var(--dd-muted)}.utility-heading>.dd-btn{flex-shrink:0}.utility-external-action{display:flex;align-items:center;gap:16px;margin-bottom:24px;font-size:13px;color:var(--dd-muted)}.dd-public-page .rv-page-wrap,.dd-public-page .vb-page-wrap,.dd-public-page .dd-delegate-page-wrap{padding-top:20px}.dd-public-page .rv-section-head,.dd-public-page .vb-section-head{margin-top:28px}.dd-public-page .rv-stat-grid,.dd-public-page .vb-stat-grid{margin-top:32px}.dd-public-page .rv-card,.dd-public-page .vb-card{border:0;border-top:1px solid var(--dd-border);border-radius:0;background:transparent;padding:20px 0}.dd-public-page .rv-nft-section-grid,.dd-public-page .vb-main-grid{gap:40px;align-items:start}.dd-public-page .rv-nft-mint-card,.dd-public-page .vb-sale-card{box-shadow:none;border-radius:16px;background:var(--dd-surface)}.dd-public-page .rv-nft-visual-card{background:var(--dd-bg-2);border:1px solid var(--dd-border);border-radius:16px}.dd-public-page .rv-nft-visual-card img{max-height:360px;object-fit:contain}.dd-public-page [role=status]{font-size:14px;line-height:1.5}.dd-public-page .page-title h3{font-size:36px}
@media(max-width:767px){.utility-heading{display:block;padding-top:8px}.utility-heading>.dd-btn{margin-top:20px}.utility-heading h1{font-size:44px}.utility-external-action{align-items:flex-start;flex-direction:column}.dd-public-page .rv-page-wrap,.dd-public-page .vb-page-wrap,.dd-public-page .dd-delegate-page-wrap{padding-top:16px}}

.dd-public-page .text-muted{color:var(--dd-muted)!important}

/* Creation headings and operational feedback use the same rhythm across mint and fusion. */
.creation-heading{padding:20px 0 18px}.creation-heading h2{font-size:40px;margin:0 0 10px}.creation-heading p{font-size:16px;color:var(--dd-muted);margin:0;max-width:65ch}.transaction-feedback{background:var(--dd-bg);border-left:2px solid var(--dd-cyan);padding:12px 16px;font-size:14px;color:var(--dd-cyan);margin-top:16px}
@media(max-width:767px){.creation-heading h2{font-size:34px}}

/* Keep collection identity present while giving creation controls more space. */
.dd-public-page .collection-context--working .collection-context-top{margin-bottom:12px}.dd-public-page .collection-context--working h1{font-size:36px}.collection-context--working .collection-banner{max-width:400px;justify-self:end}.collection-context--working .dd-collection-nav{padding:10px 0;margin-bottom:8px}.collection-context--working .collection-benefit-note{margin-bottom:0}.dd-public-page .collection-context--working .dd-benefit{font-size:12px}
@media(max-width:767px){.collection-context--working .collection-context-masthead{grid-template-columns:minmax(0,1fr) 120px;gap:14px;align-items:start}.collection-context--working .collection-banner{order:0;margin-top:6px}.dd-public-page .collection-context--working h1{font-size:32px}.dd-public-page .collection-context--working .dd-benefits{gap:4px}.dd-public-page .collection-context--working .dd-benefit{font-size:11px;padding:2px 6px}.dd-public-page .collection-context--working .collection-benefit-note{font-size:12px}.collection-context--working .collection-context-heading{display:block}}

/* In working views, keep the title beside the artwork and let the details breathe. */
@media(max-width:767px){
  .collection-context--working .collection-context-masthead--artwork{gap:8px 12px;align-items:center}
  .dd-public-page .collection-context--working .collection-context-masthead--artwork .collection-context-heading,
  .collection-context--working .collection-context-masthead--artwork .collection-context-heading>div{display:contents}
  .dd-public-page .collection-context--working .collection-context-masthead--artwork h1{grid-column:1;grid-row:1;margin:0;overflow-wrap:anywhere}
  .collection-context--working .collection-context-masthead--artwork .collection-banner{grid-column:2;grid-row:1;margin:0}
  .collection-context--working .collection-context-masthead--artwork .dd-benefits{grid-column:1/-1;grid-row:2;margin:0}
  .collection-context--working .collection-context-masthead--artwork .collection-benefit-note{grid-column:1/-1;grid-row:3;margin:0}
  .dd-public-page .dd-mint-preview-stage{min-height:260px}
  .dd-public-page .dd-mint-preview-stage img{max-height:260px}
}

.dd-public-page input::placeholder,.dd-public-page textarea::placeholder{color:#a7adc5;opacity:1}
.dd-public-page :is(input,textarea):focus-visible{outline:2px solid var(--dd-cyan);outline-offset:2px;border-color:var(--dd-cyan)}
.dd-public-page .modal .btn-close{width:24px;height:24px;padding:10px;filter:invert(1);opacity:.8;box-shadow:none}
.dd-public-page .modal .btn-close:hover{opacity:1}
.dd-public-page .modal-body{overscroll-behavior:contain}