/* Brand refresh, loaded last: these rules override the earlier layers. */

/* Brand typography: Playfair Display for headings (Bold Italic for the emotional words), Work Sans for text.
   Six sizes: 12 / 14 / 16 / 20 / 28 / 44 on desktop, 12 / 14 / 16 / 18 / 24 / 32 on phones.
   Sizes use !important on purpose: a dozen earlier layers set sizes with selectors of every strength. */
:root{--serif:'Playfair Display',Georgia,serif;--sans:'Work Sans',Arial,sans-serif;--fs-meta:12px;--fs-small:14px;--fs-body:16px;--fs-lead:20px;--fs-title:28px;--fs-display:44px}
@media(max-width:820px){:root{--fs-lead:18px;--fs-title:24px;--fs-display:32px}}
html[data-layout="mobile"]{--fs-lead:18px;--fs-title:24px;--fs-display:32px}
body{font-family:var(--sans)}
.lookup-form .lookup-title,#results-heading,#collection-heading,#story-heading,.reveal-heading h2{font-family:var(--serif)!important;font-weight:400!important;font-size:var(--fs-display)!important;line-height:1.12!important;letter-spacing:-.01em!important}
#order-results .result-card h3,#dialog-heading,#product-peek-heading{font-family:var(--serif)!important;font-weight:400!important;font-size:var(--fs-title)!important;line-height:1.2!important;letter-spacing:0!important}
#related-products h3,.doc-product{font-family:var(--serif)!important;font-size:var(--fs-lead)!important;line-height:1.25!important;letter-spacing:0!important}
.lookup-form .lookup-title em,#results-heading em,#collection-heading em,#story-heading em,.reveal-heading h2 em{font-style:italic;font-weight:700;color:inherit}
.lookup-intro,.results-heading-area>p,#results-caption,.collection-context,.story-section p,.certificate-benefits p,.product-peek-detail>p,.order-help-body>p,.result-card-body>p:not(.result-meta),.lookup-form .form-error,.reveal-heading p{font-size:var(--fs-body)!important;line-height:1.55!important}
.site-header nav a,.site-header .header-action,.quick-view-label,.lookup-form label,.form-under p,.order-help>summary,.result-meta,.collection-disclosure,.collection-product-link,.lookup-submit,.result-view,.result-pdf,.results-download,.another-order,.story-support,.discover-button,#story-primary,.certificate-benefits b{font-size:var(--fs-small)!important}
.lookup-topline,.results-order,.eyebrow,#reveal-order,.doc-kicker,.doc-bottom,.portal-bottom,.portal-bottom a{font-size:var(--fs-meta)!important;letter-spacing:.08em}

/* Inside the shop's iframe: no second header (the shop's own header is directly above). */
html[data-embedded] .site-header{display:none!important}

/* Full-height frame (frame-mode.js): the shop page scrolls; pop-ups and floating buttons stay in the visible band */
html[data-frame=full],html[data-frame=full] body{overflow:hidden}
html[data-frame=full] dialog[open]{inset-block:var(--cb-top,0px) var(--cb-bottom,0px)!important;margin-block:auto!important}
html[data-frame=full] .reveal-skip{top:calc(var(--cb-top,0px) + 25px)!important}
html[data-frame=full] .toast{bottom:calc(var(--cb-bottom,0px) + 28px)!important}
html[data-frame=full] .skip-link:focus{top:calc(var(--cb-top,0px) + 20px)!important}
/* An open certificate or product pop-up keeps the scroll to itself: the page and the shop page behind it stay put */
html:has(dialog[open]){overflow:hidden;overscroll-behavior:none}
html body dialog[open],html body dialog[open] .document-wrap,html body dialog[open] .product-peek-layout{overscroll-behavior:contain}
/* Eco note in the strip under the search card: digital certificates save paper */
html body .portal-bottom .portal-eco{display:inline-flex;align-items:center;gap:8px;color:#3f6b4f;font-size:14px;letter-spacing:.01em;text-transform:none}
html body .portal-bottom .portal-eco svg{width:18px;height:18px;flex:none}
html body .portal-bottom .portal-eco strong{font-weight:600}
@media(max-width:820px){html body .portal-bottom .portal-eco{font-size:12px}}
html[data-layout="mobile"] body .portal-stage[data-state=search] .portal-bottom{display:flex!important;position:static;order:5;justify-content:center;border-top:0;padding:4px var(--page-gutter) 28px}
html[data-layout="mobile"] body .portal-stage[data-state=search] .portal-bottom>:not(.portal-eco){display:none}
/* Search screen without a photo: the form alone, centred (the backdrop element stays for the reveal animation) */
html body .portal-backdrop{display:none!important}
html body .portal-stage[data-state=search]{grid-template-columns:minmax(0,1fr);min-height:0}
html body .portal-stage[data-state=search] .portal-copy{grid-column:1;max-width:760px;margin-inline:auto;padding-right:0}
html body .portal-stage[data-state=search] .portal-bottom{right:var(--page-gutter)}
/* Order lookup: the order number on its own row, then the checkout email beside the search button. */
html body .portal-copy .input-shell.input-shell-order{display:block;min-height:0;height:auto}
html body .portal-copy .input-shell.input-shell-order input{width:100%}
html body .portal-copy .lookup-form>label[for=order-email]{margin-top:16px}

/* Phones: the order form comes first; the photo follows it. */
html[data-layout="mobile"] .portal-stage[data-state=search]{display:flex;flex-direction:column}
html[data-layout="mobile"] .portal-stage[data-state=search] .portal-copy{order:-1;padding-top:24px}
html[data-layout="mobile"] .portal-stage[data-state=search] .portal-backdrop{margin-top:8px}

/* Results: one card per piece, photo first (replaces the carousel, the product chips and the separate order list). */
html body #order-results.order-results.certificate-showcase{text-align:center}
html body #order-results .results-heading-area{position:relative;z-index:2;max-width:880px;margin:0 auto;padding:0 var(--page-gutter)}
html body #order-results .results-heading-area h2{margin:14px 0 14px;font:400 clamp(40px,5vw,72px)/1 var(--serif);letter-spacing:-.02em;color:var(--navy)}
html body #order-results.order-results.certificate-showcase .result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1200px;margin:36px auto 0;padding:0 var(--page-gutter)}
html body #order-results.order-results.certificate-showcase[data-product-count="2"] .result-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
html body #order-results.order-results.certificate-showcase[data-product-count="1"] .result-grid{grid-template-columns:minmax(0,380px);justify-content:center}
html body #order-results.order-results.certificate-showcase .result-card{display:flex;flex-direction:column;min-width:0;padding:0;overflow:hidden;background:#fffdf7;border:1px solid var(--border);border-radius:10px;text-align:left}
html body #order-results.order-results.certificate-showcase .result-card-photo{display:block;width:100%;height:auto;aspect-ratio:1/1;margin:0;overflow:hidden;background:#efe9dc;border-radius:0}
html body #order-results.order-results.certificate-showcase .result-card-photo img{display:block;width:100%;height:100%;object-fit:cover}
html body #order-results.order-results.certificate-showcase .result-card-body{display:flex;flex:1;flex-direction:column;gap:6px;padding:20px 22px 22px}
html body #order-results.order-results.certificate-showcase .result-card h3{margin:0 0 2px;font:500 26px/1.15 var(--serif);color:var(--navy);text-align:left}
html body #order-results.order-results.certificate-showcase .result-card p{margin:0;font:400 15px/1.5 var(--sans);color:var(--ink-soft)}
html body #order-results.order-results.certificate-showcase .result-card .result-meta{display:block;margin:0;padding:0;border:0;font:400 13px/1.5 var(--sans);color:var(--ink-soft)}
html body #order-results.order-results.certificate-showcase .result-card .result-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:10px;margin:auto 0 0;padding-top:16px}
html body #order-results.order-results.certificate-showcase .result-card .result-actions .result-view{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 16px;border:0;border-radius:8px;background:var(--navy);color:#fff;font:600 14px/1.2 var(--sans);text-decoration:none;cursor:pointer}
html body #order-results.order-results.certificate-showcase .result-card .result-actions .result-view:hover{background:#15445e}
html body #order-results.order-results.certificate-showcase .result-card .result-actions .result-pdf{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;min-height:48px;padding:0 16px;border:1px solid var(--navy);border-radius:8px;color:var(--navy);font:600 14px/1.2 var(--sans);text-decoration:none}
html body #order-results.order-results.certificate-showcase .result-card .result-actions .result-pdf:hover{background:#0228490d}
html body #order-results.order-results.certificate-showcase .results-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 28px;max-width:1080px;margin:32px auto 0;padding:0 var(--page-gutter)}
html body #order-results.order-results.certificate-showcase .results-download{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border:1px solid var(--navy);border-radius:8px;background:transparent;color:var(--navy);font:600 14px/1.2 var(--sans);text-decoration:none}
html body #order-results.order-results.certificate-showcase .another-order{margin:0;min-height:48px;font:500 14px/1.2 var(--sans);color:var(--navy)}
html body #order-results.order-results.certificate-showcase .result-view:focus-visible,html body #order-results.order-results.certificate-showcase .result-pdf:focus-visible,html body #order-results.order-results.certificate-showcase .results-download:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
@media(max-width:820px){
 html body #order-results.order-results.certificate-showcase .result-grid,html body #order-results.order-results.certificate-showcase[data-product-count] .result-grid{grid-template-columns:minmax(0,1fr);max-width:520px;gap:16px;margin-top:24px}
 html body #order-results.order-results.certificate-showcase .result-card-photo{aspect-ratio:4/3}
 html body #order-results.order-results.certificate-showcase .result-card-body{padding:18px 18px 20px}
 html body #order-results.order-results.certificate-showcase .result-card h3{font-size:24px}
 html body #order-results.order-results.certificate-showcase .results-actions{flex-direction:column;align-items:stretch;max-width:520px}
 html body #order-results.order-results.certificate-showcase .results-download{justify-content:center}
}

/* Printing ("Tipărește"): the whole certificate, never clipped by the pop-up's on-screen height or the frame's scroll lock */
@media print{
html,html body,html:has(dialog[open]),html[data-frame=full],html[data-frame=full] body{overflow:visible!important;height:auto!important}
html body dialog.certificate-dialog[open]{position:static!important;inset:auto!important;margin:0!important;max-height:none!important;width:100%!important;max-width:none!important;transform:none!important;display:block!important;box-shadow:none!important}
html body .certificate-dialog .document-wrap{max-height:none!important;overflow:visible!important}
}

/* Brand palette (brand guidelines, REGULI-HTML-AVANTICART.md section 6): body text Charcoal #333333, small brand lines
   Regal Blue, the eco note Frosted Blue #314E7C */
html:root{--ink-soft:#333333}
html body .lookup-topline,html body .portal-subline,html body .product-peek-detail .product-peek-story,html body .results-heading-area .results-order,html body .eyebrow,html body .doc-kicker{color:#022849}
html body .portal-bottom .portal-eco{color:#314e7c}

/* Buttons, one system (brand guidelines; REGULI-HTML-AVANTICART.md section 6): rectangles with slightly rounded corners,
   Regal Blue text in capitals. Main action: Golden Honey. Secondary action beside it: outlined in Regal Blue.
   Plain text links (Caută o altă comandă, Anteriorul/Următorul, Ai nevoie de ajutor?) stay links. */
html body .lookup-submit,html body .site-header .header-action,html body .result-actions .result-view,html body #download-certificate,html body #download-all,html body .button-honey,html body .result-actions .result-pdf,html body .reveal-skip,html body #print-certificate{display:inline-flex!important;align-items:center;justify-content:center;gap:10px;min-height:48px;height:auto!important;padding:12px 22px!important;border-radius:8px!important;font-family:'Work Sans',Arial,sans-serif!important;font-size:14px!important;font-weight:600!important;letter-spacing:.06em!important;line-height:1.2!important;text-transform:uppercase!important;text-decoration:none!important;color:#022849!important;box-shadow:none!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:background-color .2s,border-color .2s}
html body .lookup-submit,html body .site-header .header-action,html body .result-actions .result-view,html body #download-certificate,html body #download-all,html body .button-honey{background-color:#ffbf3e!important;border:1px solid #ffbf3e!important}
html body .lookup-submit:hover,html body .site-header .header-action:hover,html body .result-actions .result-view:hover,html body #download-certificate:hover,html body #download-all:hover,html body .button-honey:hover{background-color:#f5b12a!important;border-color:#f5b12a!important}
html body .result-actions .result-pdf,html body .reveal-skip,html body #print-certificate{background-color:transparent!important;border:1px solid #022849!important}
html body .result-actions .result-pdf:hover,html body .reveal-skip:hover,html body #print-certificate:hover{background-color:rgb(2 40 73 / .06)!important}
html body .lookup-submit:focus-visible,html body .site-header .header-action:focus-visible,html body .result-actions .result-view:focus-visible,html body #download-certificate:focus-visible,html body #download-all:focus-visible,html body .button-honey:focus-visible,html body .result-actions .result-pdf:focus-visible,html body .reveal-skip:focus-visible,html body #print-certificate:focus-visible{outline:2px solid #022849!important;outline-offset:2px}
html body .lookup-submit svg,html body .site-header .header-action svg,html body .result-actions .result-view svg,html body #download-certificate svg,html body #download-all svg,html body .button-honey svg,html body .result-actions .result-pdf svg,html body .reveal-skip svg,html body #print-certificate svg{color:#022849;stroke:currentColor}
/* In the narrow piece cards the two buttons keep their labels on one line */
html body .result-actions .result-view,html body .result-actions .result-pdf{padding:12px 14px!important;letter-spacing:.04em!important;white-space:nowrap}
/* Buttons the page hides (e.g. the reveal's skip button once it has played) stay hidden */
html body .lookup-submit[hidden],html body .site-header .header-action[hidden],html body .result-actions .result-view[hidden],html body #download-certificate[hidden],html body #download-all[hidden],html body .button-honey[hidden],html body .result-actions .result-pdf[hidden],html body .reveal-skip[hidden],html body #print-certificate[hidden]{display:none!important}
html[data-layout="mobile"] body .lookup-submit,html[data-layout="mobile"] body .result-actions .result-view,html[data-layout="mobile"] body .result-actions .result-pdf,html[data-layout="mobile"] body #download-all,html[data-layout="mobile"] body #download-certificate,html[data-layout="mobile"] body #print-certificate{font-size:15px!important;min-height:52px}

/* Phones: 16px side margins (REGULI-HTML-AVANTICART.md section 2) */
@media(max-width:820px){html:root{--page-gutter:16px}}
html[data-layout="mobile"]{--page-gutter:calc(16 * var(--phone-unit))}
html[data-layout="mobile"] body .result-actions .result-view,html[data-layout="mobile"] body .result-actions .result-pdf{font-size:14px!important;letter-spacing:.02em!important;padding:12px 12px!important;white-space:nowrap!important;justify-content:center!important;text-align:center!important}

/* No "Direct la certificate" controls: the animation plays through (Esc still skips it; "reduce motion" skips it automatically) */
html body .reveal-skip,html body #lookup-direct{display:none!important}