/* Digitalford Templates feature — scoped styles only */
.templates-page{background:var(--bg);color:var(--ink)}
.templates-page .page-hero{padding-bottom:44px}
.templates-breadcrumbs{padding:18px 0 0;font-size:13px;color:var(--muted)}
.templates-breadcrumbs a{color:var(--saffron-dark);font-weight:700}
.templates-intro{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:38px;align-items:end}
.templates-intro__note{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}
.templates-intro__note strong{display:block;font:700 17px 'Sora',Arial,sans-serif;margin-bottom:6px}.templates-intro__note span{display:block;color:var(--muted);font-size:14px}
.templates-tools{padding:38px 0 24px;background:var(--soft);border-bottom:1px solid var(--line)}
.templates-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}
.template-search{position:relative}.template-search input{width:100%;border:1px solid #d8d2c8;border-radius:14px;padding:15px 18px 15px 46px;background:#fff;font:inherit;box-shadow:0 8px 24px rgba(18,22,28,.04)}.template-search input:focus{outline:none;border-color:var(--saffron);box-shadow:0 0 0 3px rgba(245,124,0,.13)}.template-search svg{position:absolute;left:17px;top:50%;transform:translateY(-50%);width:18px;height:18px;stroke:#7b8088;fill:none;stroke-width:2}
.templates-count{font-size:13px;color:var(--muted);font-weight:700;white-space:nowrap}
.template-filters-wrap{position:relative;margin-top:18px}.template-filters{display:flex;gap:9px;overflow-x:auto;scrollbar-width:thin;padding:2px 2px 10px;overscroll-behavior-inline:contain}.template-filter{flex:0 0 auto;border:1px solid #d8d2c8;background:#fff;color:#3c4249;border-radius:999px;padding:9px 13px;font:700 12px 'DM Sans',Arial,sans-serif;cursor:pointer;transition:.2s}.template-filter:hover{border-color:#efb171;color:var(--saffron-dark)}.template-filter.is-active{background:var(--dark);border-color:var(--dark);color:#fff}
.templates-section{padding:48px 0 76px}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.template-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 12px 34px rgba(30,25,20,.05);transition:transform .2s,border-color .2s,box-shadow .2s}.template-card:hover{transform:translateY(-4px);border-color:#e9b27c;box-shadow:0 18px 44px rgba(30,25,20,.09)}.template-card__image{position:relative;aspect-ratio:1.55/1;background:#eef1f4;overflow:hidden}.template-card__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.template-card:hover .template-card__image img{transform:scale(1.015)}.template-badges{position:absolute;top:13px;left:13px;display:flex;gap:7px;flex-wrap:wrap}.template-badge{background:rgba(23,25,29,.92);color:#fff;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;backdrop-filter:blur(6px)}.template-badge[data-badge="Featured"]{background:var(--saffron)}.template-card__body{padding:19px}.template-card__category{font-size:11px;color:var(--saffron-dark);font-weight:800;text-transform:uppercase;letter-spacing:.9px}.template-card h2{font:700 20px 'Sora',Arial,sans-serif;letter-spacing:-.45px;margin:6px 0}.template-rating{display:flex;align-items:center;gap:7px;color:#636973;font-size:12px}.template-rating__stars{letter-spacing:1px;color:#f59e0b;font-size:15px;line-height:1}.template-card__body p{font-size:13px;color:var(--muted);margin:12px 0 16px;min-height:62px}.template-card__actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.template-card__actions button{width:100%;font:700 13px 'DM Sans',Arial,sans-serif;cursor:pointer}.template-card__actions .btn{padding:11px 12px}.template-card__actions .btn-secondary{color:#24282e}
.templates-empty{display:none;text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:50px 24px}.templates-empty.is-visible{display:block}.templates-empty h2{font:700 26px 'Sora',Arial,sans-serif;margin:0 0 8px}.templates-empty p{color:var(--muted);margin:0}
.templates-custom-cta{padding:0 0 82px}.templates-custom-cta .cta-box{align-items:flex-end}.templates-custom-cta .cta-box p{max-width:670px}
/* modal */
.template-modal{position:fixed;inset:0;z-index:100100;display:none}.template-modal.is-open{display:block}.template-modal__backdrop{position:absolute;inset:0;background:rgba(8,12,18,.72);backdrop-filter:blur(5px)}.template-modal__shell{position:absolute;inset:24px;display:flex;flex-direction:column;background:#f6f7f8;border:1px solid rgba(255,255,255,.16);border-radius:22px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.32)}.template-modal__top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px 16px 14px 20px;background:#fff;border-bottom:1px solid #e4e6e8}.template-modal__title strong{display:block;font:700 17px 'Sora',Arial,sans-serif}.template-modal__title span{display:block;font-size:12px;color:#6b7280;margin-top:2px}.template-modal__controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.preview-size-group{display:flex;border:1px solid #dfe3e7;background:#f7f8f9;border-radius:11px;padding:3px}.preview-size-group button,.template-modal__iconbtn{border:0;background:transparent;color:#4b5563;font:700 11px 'DM Sans';padding:8px 10px;border-radius:8px;cursor:pointer}.preview-size-group button.is-active{background:#fff;color:#111827;box-shadow:0 2px 8px rgba(15,23,42,.08)}.template-modal__iconbtn{border:1px solid #dfe3e7;background:#fff;font-size:12px}.template-modal__close{width:36px;height:36px;border:1px solid #dfe3e7;border-radius:10px;background:#fff;font-size:20px;line-height:1;cursor:pointer}.template-modal__body{min-height:0;flex:1;display:grid;grid-template-columns:320px minmax(0,1fr)}.template-modal__sidebar{overflow:auto;background:#fff;border-right:1px solid #e4e6e8;padding:22px}.template-modal__sidebar h3{font:700 18px 'Sora',Arial,sans-serif;margin:0 0 8px}.template-modal__sidebar>p{font-size:13px;color:#6b7280;margin:0 0 16px}.template-features{display:grid;gap:7px;margin:15px 0 20px}.template-features span{font-size:12px;color:#4b5563;padding-left:18px;position:relative}.template-features span:before{content:'✓';position:absolute;left:0;color:var(--saffron);font-weight:800}.template-rate-block{border-top:1px solid #eceff1;border-bottom:1px solid #eceff1;padding:16px 0;margin:18px 0}.template-rate-block strong{display:block;font-size:12px;margin-bottom:8px}.template-rate-stars{display:flex;gap:4px}.template-rate-stars button{border:0;background:transparent;color:#d1d5db;font-size:26px;line-height:1;padding:1px;cursor:pointer}.template-rate-stars button:hover,.template-rate-stars button.is-on{color:#f59e0b}.template-rate-status{font-size:12px;color:#6b7280;margin-top:7px;min-height:18px}.template-sidebar-actions{display:grid;gap:9px}.template-sidebar-actions .btn{width:100%;cursor:pointer}.btn-whatsapp{background:#1fa855;color:#fff}.btn-whatsapp:hover{background:#168846}.template-modal__preview{min-width:0;overflow:auto;padding:24px;display:grid;place-items:start center;background:radial-gradient(circle at top,#ffffff 0,#f0f2f4 58%,#e6e9ec 100%)}.template-preview-frame{width:100%;max-width:1380px;height:100%;min-height:620px;background:#fff;border:1px solid #dce0e4;border-radius:16px;box-shadow:0 18px 48px rgba(15,23,42,.13);overflow:hidden;transition:width .25s ease}.template-preview-frame[data-size="tablet"]{width:768px}.template-preview-frame[data-size="mobile"]{width:390px}.template-preview-frame iframe{width:100%;height:100%;min-height:620px;border:0;background:#fff;display:block}
/* customizer */
.template-modal.is-customizing .template-modal__body{grid-template-columns:370px minmax(0,1fr)}.template-customizer{display:none}.template-modal.is-customizing .template-info{display:none}.template-modal.is-customizing .template-customizer{display:block}.customizer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.customizer-head h3{margin:0}.customizer-back{border:0;background:none;color:var(--saffron-dark);font-weight:800;cursor:pointer;padding:0}.customizer-fields{display:grid;gap:13px}.customizer-field label{display:block;font-size:12px;font-weight:800;color:#374151;margin-bottom:6px}.customizer-field input[type="text"],.customizer-field input[type="email"],.customizer-field input[type="number"],.customizer-field textarea{width:100%;border:1px solid #d7dce1;border-radius:10px;padding:10px 11px;font:inherit;font-size:13px;background:#fff}.customizer-field textarea{min-height:78px;resize:vertical}.customizer-field input:focus,.customizer-field textarea:focus{outline:none;border-color:var(--saffron);box-shadow:0 0 0 3px rgba(245,124,0,.11)}.customizer-field input[type="color"]{width:54px;height:38px;border:1px solid #d7dce1;border-radius:9px;background:#fff;padding:3px}.customizer-field input[type="file"]{width:100%;font-size:12px}.customizer-file-note{font-size:11px;color:#7b8188;margin-top:5px}.customizer-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;position:sticky;bottom:-22px;background:linear-gradient(transparent,#fff 20%);padding:30px 0 4px;margin-top:6px}.customizer-actions button{cursor:pointer}.template-mobile-tabs{display:none}
body.template-modal-open{overflow:hidden}
@media(max-width:1080px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.templates-intro{grid-template-columns:1fr}.templates-intro__note{max-width:720px}.template-modal__shell{inset:14px}.template-modal__body,.template-modal.is-customizing .template-modal__body{grid-template-columns:310px minmax(0,1fr)}}
@media(max-width:760px){.templates-intro{gap:18px}.templates-tools{padding-top:28px}.templates-search-row{grid-template-columns:1fr}.templates-count{display:none}.template-grid{grid-template-columns:1fr;gap:17px}.template-card__body p{min-height:0}.template-filters{margin-inline:-4%;padding-left:4%;padding-right:4%}.templates-custom-cta .cta-box{display:block}.templates-custom-cta .cta-row{margin-top:18px}.template-modal__shell{inset:0;border-radius:0}.template-modal__top{grid-template-columns:1fr auto;padding:11px 12px}.template-modal__title strong{font-size:15px}.template-modal__controls .template-modal__iconbtn{display:none}.template-modal__controls .preview-size-group button{padding:7px 6px;font-size:10px}.template-modal__body,.template-modal.is-customizing .template-modal__body{display:block;overflow:hidden}.template-modal__sidebar{position:absolute;inset:58px 0 0;z-index:3;border-right:0;padding:18px 16px 90px}.template-modal__preview{position:absolute;inset:58px 0 0;padding:14px;overflow:auto}.template-preview-frame,.template-preview-frame[data-size="tablet"],.template-preview-frame[data-size="mobile"]{width:100%;height:calc(100vh - 116px);min-height:500px;border-radius:12px}.template-preview-frame iframe{min-height:100%;height:100%}.template-mobile-tabs{display:grid;grid-template-columns:1fr 1fr;position:absolute;left:14px;right:14px;bottom:14px;z-index:8;background:#111827;border-radius:12px;padding:4px;box-shadow:0 8px 25px rgba(0,0,0,.18)}.template-mobile-tabs button{border:0;background:transparent;color:#b9c0ca;padding:10px;border-radius:9px;font-weight:800}.template-mobile-tabs button.is-active{background:#fff;color:#111827}.template-modal[data-mobile-view="preview"] .template-modal__sidebar{display:none}.template-modal[data-mobile-view="edit"] .template-modal__preview{display:none}.template-modal:not(.is-customizing)[data-mobile-view="edit"] .template-info{display:block}.customizer-actions{bottom:-90px;padding-bottom:90px}.template-modal__sidebar{overflow:auto}}
@media(max-width:420px){.template-card__actions{grid-template-columns:1fr}.templates-page .page-hero{padding-top:58px}.template-modal__title span{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Professional template gallery upgrade */
.template-card--pro .template-card__image--pro{aspect-ratio:1.52/1;background:#111827;isolation:isolate}
.template-card--pro .template-card__image--pro>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.015);filter:saturate(.96) contrast(1.02)}
.template-card--pro .template-card__image--pro:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,18,.05) 30%,rgba(7,11,18,.82) 100%);z-index:1;pointer-events:none}
.template-card__browser{position:absolute;z-index:3;left:14px;right:14px;top:14px;height:24px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.87);backdrop-filter:blur(10px);border-radius:9px;display:flex;align-items:center;gap:5px;padding:0 9px;box-shadow:0 8px 20px rgba(0,0,0,.12)}
.template-card__browser i{width:6px;height:6px;border-radius:50%;background:#c5cad0;display:block}.template-card__browser i:first-child{background:#f78e83}.template-card__browser i:nth-child(2){background:#f6c669}.template-card__browser i:nth-child(3){background:#7fcea0}.template-card__browser span{height:7px;flex:1;margin-left:8px;background:rgba(17,24,39,.09);border-radius:999px}
.template-card__mini{position:absolute;z-index:3;left:18px;right:18px;bottom:16px;color:#fff}.template-card__mini strong{display:block;font:700 18px 'Sora',Arial,sans-serif;letter-spacing:-.4px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.template-card__mini span{display:block;margin-top:2px;font-size:11px;color:rgba(255,255,255,.78)}
.template-card--pro .template-badges{z-index:4;top:48px}
.template-card--pro:hover .template-card__image--pro>img{transform:scale(1.045)}
.template-card__image--pro>img{transition:transform .45s ease,filter .3s ease}
.template-card--pro:hover .template-card__image--pro>img{filter:saturate(1.03) contrast(1.04)}
.templates-intro__note:after{content:'Professional sample photography is used inside previews. Click Customize to edit text and replace images directly on the design.';display:block;margin-top:10px;font-size:11px;color:var(--muted)}
@media(max-width:760px){.template-card__browser{left:12px;right:12px;top:12px}.template-card--pro .template-badges{top:44px}.template-card__mini strong{font-size:16px}}

/* Inline live-template editor: customization happens directly inside the preview. */
.template-modal.is-customizing .template-modal__body{grid-template-columns:minmax(0,1fr)}
.template-modal.is-customizing .template-modal__sidebar{display:none}
.template-modal.is-customizing .template-modal__preview{grid-column:1/-1;padding:18px}
.template-modal.is-customizing .template-preview-frame{max-width:1440px}
.template-modal.is-customizing .template-mobile-tabs{display:none!important}
.inline-customizer-note{padding:14px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb}
.inline-customizer-note strong{display:block;margin-bottom:6px}.inline-customizer-note p{margin:0;color:#6b7280;font-size:12px}
@media(max-width:760px){.template-modal.is-customizing .template-modal__preview{display:block!important;inset:58px 0 0;padding:8px}.template-modal.is-customizing .template-preview-frame{height:calc(100vh - 66px);border-radius:8px}}

/* Ask for Price */
.template-card__actions .template-card__price{grid-column:1/-1;text-decoration:none;width:100%;font:700 13px 'DM Sans',Arial,sans-serif;padding:11px 12px}
.btn-price{background:#111827;color:#fff;border:1px solid #111827}
.btn-price:hover{background:#263244;color:#fff;border-color:#263244}
.df-editor-toolbar .df-tool-price{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:9px;padding:8px 10px;font:800 10px Arial;background:#25D366;color:#082412;white-space:nowrap}
.df-editor-toolbar .df-tool-price:hover{background:#20bd5a}
@media(max-width:420px){.template-card__actions .template-card__price{grid-column:auto}}


/* ===== Templates gallery UX refresh (2026-09) ===== */
.templates-page .page-hero{padding:54px 0 42px;background:linear-gradient(180deg,#f6f8f9 0%,#fbfaf8 100%);border-bottom:0}
.templates-breadcrumbs{padding-top:16px;padding-bottom:4px}
.templates-intro{grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:center}
.templates-intro h1{max-width:820px;margin-bottom:14px}
.templates-intro>div>p{max-width:760px;margin-bottom:0}
.templates-intro__note{border-radius:12px;padding:18px;border-color:#dde3e8;box-shadow:none;background:rgba(255,255,255,.85)}
.templates-intro__note strong{font-size:15px}.templates-intro__note span{font-size:13px;line-height:1.55}
.templates-intro__note:after{font-size:10.5px;line-height:1.5;margin-top:8px}

.templates-tools{padding:0 0 26px;background:linear-gradient(180deg,#fbfaf8 0%,#f5f7f8 100%);border-bottom:1px solid #e4e8ec}
.templates-discovery{background:#fff;border:1px solid #dde3e8;border-radius:16px;padding:18px;box-shadow:0 12px 34px rgba(16,30,50,.055)}
.templates-discovery__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}
.templates-discovery__head>div{display:grid;gap:2px}.templates-discovery__head strong{font-size:15px;color:#101e32}
.templates-discovery__eyebrow{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#a63d0c}
.templates-discovery__hint{font-size:11px;color:#6b7280;white-space:nowrap}
.templates-search-row{grid-template-columns:minmax(0,1fr) auto;gap:12px}
.template-search input{border-radius:10px;padding:13px 16px 13px 43px;box-shadow:none;border-color:#d7dee4;background:#fbfcfd}
.template-search input:focus{background:#fff}
.template-filters-wrap{margin-top:12px}
.template-filters{display:flex;flex-wrap:wrap;overflow:visible;gap:7px;padding:0}
.template-filter{padding:8px 11px;border-radius:8px;font-size:11px;background:#f8fafb;border-color:#dfe5e9;color:#46515c}
.template-filter:hover{background:#fff7f1;border-color:#d8895e;color:#9b390f}
.template-filter.is-active{background:#101e32;border-color:#101e32;color:#fff;box-shadow:0 4px 12px rgba(16,30,50,.14)}

.templates-section{padding:34px 0 68px;background:#f5f7f8}
.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.template-card{border-radius:14px;border-color:#dfe4e8;box-shadow:0 8px 24px rgba(16,30,50,.045);display:flex;flex-direction:column;min-width:0}
.template-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(16,30,50,.08);border-color:#cfd7dd}
.template-card--pro .template-card__image--pro{aspect-ratio:16/10;background:#dce3e8}
.template-card__browser{left:11px;right:11px;top:11px;height:21px;border-radius:7px}
.template-card__mini{left:15px;right:15px;bottom:13px}.template-card__mini strong{font-size:16px}.template-card__mini span{font-size:10px}
.template-card--pro .template-badges{top:39px;left:11px}.template-badge{padding:5px 7px;font-size:9px}
.template-card__body{padding:16px;display:flex;flex-direction:column;flex:1}
.template-card__category{font-size:10px;letter-spacing:.08em}
.template-card h2{font-size:18px;margin:5px 0 6px;line-height:1.25}
.template-rating{gap:6px;font-size:11px}.template-rating__stars{font-size:13px}
.template-card__body p{font-size:12.5px;line-height:1.55;margin:10px 0 14px;min-height:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.template-card__actions{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:2px}
.template-card__actions .btn{min-height:38px;padding:9px 10px;border-radius:8px;font-size:12px}
.template-card__actions .template-card__price{grid-column:1/-1;min-height:auto;padding:8px 10px!important;border-radius:8px!important;background:#f1fbf5;color:#12703a;border:1px solid #cfeedd;font-size:11px!important}
.template-card__actions .template-card__price:hover{background:#e6f8ed;color:#0d5d30;border-color:#b5e5ca}

.templates-custom-cta{background:#f5f7f8;padding:0 0 70px}.templates-custom-cta .cta-box{border-radius:16px;padding:30px 34px}

/* Cleaner preview workspace */
.template-modal__shell{inset:18px;border-radius:16px;background:#eef2f4}
.template-modal__top{padding:11px 13px 11px 16px}.template-modal__title strong{font-size:15px}.template-modal__title span{font-size:11px}
.template-modal__body{grid-template-columns:290px minmax(0,1fr)}
.template-modal__sidebar{padding:18px}.template-modal__sidebar h3{font-size:16px}.template-modal__sidebar>p{font-size:12px;line-height:1.55}
.template-features{margin:12px 0 16px}.template-features span{font-size:11px}
.template-rate-block{padding:12px 0;margin:14px 0}.template-rate-stars button{font-size:23px}
.template-sidebar-actions{gap:7px}.template-sidebar-actions .btn{padding:10px 11px;font-size:12px;border-radius:8px}
.template-modal__preview{padding:18px;background:#e8edf0}
.template-preview-frame{border-radius:12px;box-shadow:0 14px 38px rgba(16,30,50,.13)}

@media(max-width:1080px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.templates-intro{grid-template-columns:1fr}.templates-intro__note{max-width:620px}.template-modal__body{grid-template-columns:270px minmax(0,1fr)}}
@media(max-width:760px){
  .templates-page .page-hero{padding:38px 0 28px}.templates-intro{gap:14px}.templates-intro__note{display:none}
  .templates-tools{padding-bottom:18px}.templates-discovery{border-radius:12px;padding:12px}.templates-discovery__head{align-items:flex-start;margin-bottom:10px}.templates-discovery__hint{display:none}
  .templates-discovery__head strong{font-size:13px}.templates-search-row{display:block}.templates-count{display:block;margin-top:7px;font-size:11px}
  .template-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:1px 1px 5px;scroll-snap-type:x proximity}.template-filters::-webkit-scrollbar{display:none}.template-filter{scroll-snap-align:start}
  .templates-section{padding:24px 0 52px}.template-grid{grid-template-columns:1fr;gap:14px}.template-card{border-radius:12px}.template-card__actions{grid-template-columns:1fr 1fr}.template-card__actions .template-card__price{grid-column:1/-1}
  .template-modal__shell{inset:0;border-radius:0}.template-modal__preview{padding:8px}.template-preview-frame{border-radius:8px}
}
@media(max-width:420px){.template-card__actions{grid-template-columns:1fr 1fr}.template-card__actions .template-card__price{grid-column:1/-1}.template-card__body{padding:14px}.template-card h2{font-size:17px}}